Work that builds trust, not just websites.
We are a studio in Medellín specializing in editorial-grade web design. We partner with brands who view their site as a long-term asset, requiring deliberate architecture over disposable decoration.
The Architecture of Digital Craft
Before any visual work begins, we map the entire structure. A site blueprint—a single document outlining user journeys, content hierarchy, and technical constraints—serves as our foundational contract.
We treat typography as structural material. Each typeface is chosen for performance across devices and its ability to carry brand voice, not merely for aesthetic preference.
Every project concludes with a design rationale—a 2-3 page document explaining the reasoning behind major decisions. Post-launch, you receive a maintenance map, a visual guide for updating content without breaking the system.
Method Note
Robustness is evaluated by testing the design system at 200% text density and 50% screen width. If it breaks the grid or becomes unreadable, we revise. We do not promise specific performance metrics, as outcomes depend on content quality and hosting.
Early sketch for a client's site blueprint.
A Moment in the Process
"The client reviewed the first interactive prototype and said the navigation felt 'heavy.' It wasn't a bug, but a tone issue. We immediately scheduled a session, not to defend our choices, but to listen. We discovered the core problem: they wanted a feeling of discovery, not just information delivery."
The next 48 hours were spent rewriting interaction patterns, not the code. The final version used subtle hover states and a repositioned search bar to create a sense of exploration. The launch was on time.
Aether Coffee: From Generic Template to Digital Roaster's Journal
The Challenge
Aether's existing site was a generic template that failed to communicate their artisanal roasting process and direct-trade sourcing. They needed a platform that felt as considered as their product.
The Constraint
The client required a simple way to update roast schedules weekly without developer assistance. A complex e-commerce system was off the table, both for budget and because their model relies on direct sales to cafes.
Our Solution
We designed a 'roaster's journal' interface. A dynamic timeline visualizes the journey from bean to cup, with interactive map points highlighting sourcing regions. The core CMS panel was custom-built for one purpose: updating a weekly roast schedule in under two minutes.
- • Custom CMS panel for roast updates
- • Interactive sourcing map
- • Focus on 'Find a Stockist' locator
Project Outcomes
*Metrics are client-reported post-launch. Outcomes vary based on industry and initial traffic.
Studio Lexicon
How we talk about work, and what those words mean in practice.
Site Blueprint
RequiredOur take: Not a wireframe, but a single source of truth. It documents user flows, content hierarchy, and technical constraints in plain language. If a project starts without one, we build it first. It’s the foundation that prevents costly pivots later.
Component-First
MethodologyOur take: We design buttons, cards, and form fields as reusable systems, not one-off ornaments. This isn't for "scalability" buzzwords; it's so your team can update content for years without needing a designer for every change.
Design Rationale
DeliverableOur take: A 2-3 page document explaining why we chose a specific grid, color, or interaction. It’s not self-promotional; it’s a reference tool for future stakeholders to understand the *why* behind the visual *what*.
Maintenance Map
Post-LaunchOur take: A visual guide that shows how to add a blog post, update a team bio, or change product prices without breaking the design system. It empowers the client's internal team, reducing long-term dependency on us.
Project Selection
Transparency is key. Here’s what we look for, and what doesn't work for us.
Partnerships we pursue
- Client Mindset Views their website as a long-term asset, not a disposable marketing tool.
- Objective Has a clear, singular goal (e.g., launch a product, clarify a complex service).
- Timeline Minimum 8 weeks for proper research, iteration, and QA.
Not a fit for us
- Trend Requests Clients asking for 'the latest trends' without understanding their audience.
- Scope Creep Projects defined by a list of features rather than a clear business problem.
- Priority Conflict The primary goal is cost-cutting over quality and collaboration.
If this resonates, the next step is a conversation about your specific goals.
Initiate a ConsultationLet's Build Something Considered
Start by telling us about your project. We'll respond within two business days.
Direct Contact
Framaro Studio Calle 2 Sur #33-29 Medellín, Colombia +57 301 257 5112 [email protected]Mon–Fri: 9:00–18:00 (COT)
Office Location
Our studio is in the vibrant El Poblado district, a central hub for Medellín's creative and tech communities.
View on Map