Estudio de diseño y desarrollo — BarcelonaDesign & development studio — BarcelonaWebs · E-commerce · AplicacionesWebsites · E-commerce · Apps

Webs y appsWebsites & appsa medida.made to measure.

Diseño web a medida y desarrollo de aplicaciones para marcas que no aceptan lo genérico.Bespoke web design and app development for brands that refuse the generic.

Un trabajo minucioso, píxel a píxel. Antes de proponerte nada, auditamos tu web actual y te decimos con honestidad si de verdad merece la pena cambiarla.Meticulous, pixel-perfect craft. Before we propose anything, we audit your current site and tell you, candidly, whether it is truly worth changing.

01ManifiestoManifesto

Pocos proyectos al año. Cada uno diseñado desde cero, sin plantillas, hasta el último detalle.Only a handful of projects a year. Each one designed from a blank page: no templates, refined to the last detail.

Creemos que una web es la primera reunión con tu cliente. Por eso tratamos cada tipografía, cada transición y cada línea de código como si fueran la fachada de tu negocio.Your website is the first meeting with your client. That is why we treat every typeface, every transition and every line of code as the façade of your business.

Trabajamos con un número limitado de clientes para dedicar a cada proyecto el tiempo que exige un resultado excepcional: estrategia, diseño y desarrollo bajo un mismo criterio.We work with a limited number of clients to give every project the time an exceptional result demands: strategy, design and engineering under one standard.

02ProcesoProcess

Primero, la verdad.
Después, la web.
First, the truth.
Then, the website.

Todo proyecto empieza igual: con una auditoría de tu web actual. No vendemos rediseños por defecto.Every project starts the same way: with an audit of your current site. We never sell a redesign by default.

Paso 01Step 01
Siempre el primer pasoAlways the first step

Auditoría de tu webYour website audit

Analizamos rendimiento, diseño, experiencia de usuario, SEO, accesibilidad y conversión de tu web actual para averiguar si realmente vale la pena cambiarla o no.We analyse the performance, design, user experience, SEO, accessibility and conversion of your current site to find out whether it is truly worth changing or not.

Si merece la penaIf it’s worth itTe presentamos un plan detallado, con alcance y prioridades.You receive a detailed plan, with scope and priorities.
Si no merece la penaIf it isn’tTe lo decimos con honestidad, junto con las mejoras concretas que sí tienen sentido.We say so plainly, along with the specific improvements that genuinely make sense.
Paso 02Step 02

Estrategia y arquitecturaStrategy & architecture

Objetivos de negocio, público, mensajes y estructura de contenidos. Definimos qué debe conseguir cada página antes de dibujar nada.Business goals, audience, messaging and content structure. We define what every page must achieve before a single pixel is drawn.

Paso 03Step 03

Diseño a medidaBespoke design

Dirección de arte, tipografía, sistema visual y prototipos interactivos. Ni una plantilla: cada componente se diseña para tu marca.Art direction, typography, visual system and interactive prototypes. No templates: every component is designed for your brand alone.

Paso 04Step 04

DesarrolloDevelopment

Código limpio, rápido y accesible. Webs, e-commerce y aplicaciones web y móviles construidas para durar y crecer.Clean, fast, accessible code. Websites, e-commerce and web and mobile apps built to last and to scale.

Paso 05Step 05

Lanzamiento y acompañamientoLaunch & ongoing care

Puesta en producción, analítica, formación de tu equipo y mantenimiento evolutivo. Seguimos a tu lado después del lanzamiento.Go-live, analytics, team training and continuous improvement. We remain at your side long after launch.

03ServiciosServices

Lo que construimos.What we build.

Diseño web a medida y desarrollo de aplicaciones de principio a fin, con un único equipo responsable del resultado.Bespoke web design and app development end to end, with a single team accountable for the result.

i.

Webs corporativas premiumPremium corporate websites

Presencia digital a la altura de tu marca: identidad, contenidos y rendimiento impecables.A digital presence worthy of your brand: flawless identity, content and performance.

  • Dirección de arteArt direction
  • SEO
  • MultidiomaMultilingual
ii.

E-commerce

Tiendas online a medida que transmiten valor y venden sin fricción.Bespoke online stores that convey value and sell without friction.

  • Shopify / headless
  • PagosPayments
  • CatálogoCatalogue
iii.

Landing pages de conversiónConversion landing pages

Páginas diseñadas con un único objetivo: que tu visitante dé el siguiente paso.Pages designed with a single goal: getting your visitor to take the next step.

  • LanzamientosLaunches
  • CampañasCampaigns
  • A/B
iv.

Aplicaciones web y móvilesWeb & mobile apps

Desarrollo de aplicaciones a medida: paneles, plataformas SaaS y apps iOS y Android, del prototipo al lanzamiento.Custom app development: dashboards, SaaS platforms and iOS and Android apps, from prototype to launch.

  • SaaS
  • iOS · Android
  • Paneles internosInternal tools
  • API
v.

RediseñoRedesign

Cuando la auditoría confirma que merece la pena: rediseñamos conservando lo que funciona y corrigiendo lo que no.Only when the audit confirms it’s worthwhile: we redesign, preserving what works and fixing what doesn’t.

  • MigraciónMigration
  • RendimientoPerformance
  • UX
04ProyectosWork

Diez ejemplos,
diez lenguajes.
Ten concepts,
ten visual languages.

Una selección de proyectos conceptuales que muestran nuestro rango: del lujo artesanal a una aplicación SaaS. Cada uno tiene su propia página navegable.A selection of concept projects showing our range: from artisan luxury to a SaaS app. Each one has its own page to explore.

Maison Ébano — Luxury e-commerce, concept projectProyecto conceptual · marca ficticiaConcept project · fictional brand

Maison Ébano

E-commerce de lujoLuxury e-commerce

Marroquinería artesanalArtisan leather goods — Tienda online para una marca de marroquinería hecha a mano: narrativa de atelier, ficha de producto editorial y grabado personalizado.Online store for a handmade leather brand: atelier storytelling, editorial product pages and personalised engraving.

Alba Mar — Website + booking engine, concept projectProyecto conceptual · marca ficticiaConcept project · fictional brand

Alba Mar

Web + motor de reservasWebsite + booking engine

Hotel boutique · Costa BravaBoutique hotel · Costa Brava — Web para un hotel boutique de doce habitaciones con reserva directa, para depender menos de las plataformas intermediarias.Website for a twelve-room boutique hotel with direct booking, to rely less on intermediary platforms.

Celler Roca Viva — E-commerce + wine tourism, concept projectProyecto conceptual · marca ficticiaConcept project · fictional brand

Celler Roca Viva

E-commerce + enoturismoE-commerce + wine tourism

Bodega · PrioratWinery · Priorat — Tienda online y reservas de visitas para una bodega familiar de producción limitada.Online store and visit bookings for a small-production family winery.

Cuadra — SaaS web app, concept projectProyecto conceptual · marca ficticiaConcept project · fictional brand

Cuadra

Aplicación web SaaSSaaS web app

Finanzas para pymesSMB finance — Dashboard de tesorería: previsión de caja, conciliación y cobros en una única vista en tiempo real.Treasury dashboard: cash forecasting, reconciliation and collections in one real-time view.

Pulso — Mobile app iOS + Android, concept projectProyecto conceptual · marca ficticiaConcept project · fictional brand

Pulso

App móvil iOS + AndroidMobile app iOS + Android

Fitness y entrenamientoFitness & training — App de entrenamiento adaptativo con integración de wearables, más su web de lanzamiento.Adaptive training app with wearable integration, plus its launch website.

Brasa/9 — Website + reservations, concept projectProyecto conceptual · marca ficticiaConcept project · fictional brand

Brasa/9

Web + reservasWebsite + reservations

Restaurante de brasaFire-cooking restaurant — Identidad digital para un restaurante de fuego con reserva en dos clics y carta de temporada editable.Digital identity for a fire-cooking restaurant with two-click reservations and an editable seasonal menu.

Vidal & Serra — Corporate website, concept projectProyecto conceptual · marca ficticiaConcept project · fictional brand

Vidal & Serra

Web corporativaCorporate website

Despacho de abogadosLaw firm — Presencia corporativa para un despacho mercantil: autoridad, sobriedad y captación de consultas cualificadas.Corporate presence for a commercial law firm: authority, restraint and qualified enquiries.

Atelier Norte — Editorial portfolio, concept projectProyecto conceptual · marca ficticiaConcept project · fictional brand

Atelier Norte

Portfolio editorialEditorial portfolio

Estudio de arquitecturaArchitecture studio — Portfolio para un estudio de arquitectura: índice de obra, retícula estricta y protagonismo absoluto del proyecto.Portfolio for an architecture studio: project index, strict grid and full focus on the work.

Clínica Lumen — Website + online booking, concept projectProyecto conceptual · marca ficticiaConcept project · fictional brand

Clínica Lumen

Web + cita onlineWebsite + online booking

Clínica dermatológicaDermatology clinic — Web para una clínica de dermatología y medicina estética con reserva de primera visita integrada.Website for a dermatology and aesthetic medicine clinic with integrated first-visit booking.

Habitat Eixample — Real estate portal, concept projectProyecto conceptual · marca ficticiaConcept project · fictional brand

Habitat Eixample

Portal inmobiliarioReal estate portal

Inmobiliaria premium · BarcelonaPremium real estate · Barcelona — Portal para una inmobiliaria de pisos señoriales con buscador avanzado, fichas inmersivas y área off-market.Portal for an agency selling stately apartments, with advanced search, immersive listings and an off-market area.

Todos los proyectos de esta sección son conceptuales: marcas ficticias creadas por el estudio para mostrar nuestro enfoque de diseño y desarrollo. No representan clientes reales.Every project in this section is a concept: a fictional brand created by the studio to illustrate our approach to design and development. None represents a real client.

05EstándaresStandards

Lo que no se ve,
también se cuida.
What you don’t see
is crafted too.

RendimientoPerformance

Carga rápida en cualquier dispositivo. Imágenes, tipografías y código optimizados al detalle.Lightning-fast on every device, with images, fonts and code optimised down to the last byte.

AccesibilidadAccessibility

Contraste, navegación por teclado y semántica correcta. Una web para todas las personas.Considered contrast, keyboard navigation and semantic markup. A website for everyone.

SEO

Estructura técnica, metadatos y contenidos pensados para que te encuentren.Technical structure, metadata and content designed to get you found.

PropiedadOwnership

El código, el dominio y los contenidos son tuyos. Sin dependencias ocultas.The code, the domain and the content are yours. No hidden lock-in, ever.

06El estudioThe studio

Un estudio boutique en Barcelona. Trato directo, sin intermediarios ni cuentas que pasan de mano en mano.A boutique studio in Barcelona. You work directly with the people building your project: no middlemen, no hand-offs.

Combinamos estrategia comercial, diseño y desarrollo para construir webs y aplicaciones que no solo se ven bien: funcionan para tu negocio.We combine commercial strategy, design and engineering to build websites and apps that don’t merely look good: they perform for your business.

Trabajamos en inglés y español con clientes de toda Europa y de fuera de ella.We work in English and Spanish with clients across Europe and beyond.

07ContactoContact

Empecemos por
una auditoría.
Let’s begin
with an audit.

Proyectos a medida desde una auditoría.Bespoke projects, starting with an audit.

Cuéntanos sobre tu web actual y tu objetivo. Te responderemos personalmente con los siguientes pasos.Tell us about your current website and what you want to achieve. We’ll reply personally with the next steps.

Se abrirá WhatsApp con tu mensaje listo para enviar. No guardamos ningún dato en esta web.WhatsApp will open with your message ready to send. This site stores no data.