Web / Diseño / Desarrollo

01 · Lienzo

Diseñamos cómo se percibe tu empresa en la web.

Diseño y desarrollo web para empresas: estrategia de contenido, dirección visual e ingeniería trabajadas como una sola pieza para construir una web corporativa propia, clara y técnicamente bien resuelta.

Hablar sobre mi webVer cómo trabajamos
Mueve el puntero o toca un objeto

02 · Estructura

Antes del color y la tipografíahay una pregunta:¿qué tiene que entender el usuario?

01 · Contenido

03 · Dirección

El mismo mensaje.Tres direcciones.

Las palabras no cambian. Cambian la composición, el ritmo y la manera de responder al visitante.

Composición editorial: titular serif a la izquierda, imagen vertical a la derecha, acción como enlace, movimiento lento.

Misma página · mismo contenido · 01 Editorial

Mueve el puntero por la superficie y pasa por el menú: cada elemento responde con una intención.

La dirección visual no se elige por gusto.Se elige por lo que la empresa necesita transmitir.

04 · Comportamiento

Responsive no es hacerla misma página más pequeña.

Arrastra el borde del viewport. El ancho es continuo; las decisiones no.

1180px · Escritorio
  • Menú completo y acción a la derecha
  • Dos columnas: mensaje y media
  • Tres servicios en una fila
  • Media en vertical, 4:5
1180 px
×0.74

05 · Construcción

Lo que ves es diseño.Lo que lo sostiene es ingeniería.

Arrastra el divisor: la misma página con su capa de construcción. La leyenda sigue al divisor.

  1. Semánticaheader · nav · main
  2. ContenidoH1 único · jerarquía real
  3. Componenteacción · foco visible · 44 px
  4. RetículaCSS grid · 12 → 6 → 4
  5. Mediasrcset · carga diferida · dimensiones
  6. Interaccióntransiciones · reduced-motion
  7. Rendimientonada bloquea la primera pintura
  8. Accesibilidadteclado · contraste · alternativas
DiseñoUna experienciaDesarrollo

No entregamos un diseño a otro equipo esperando que sobreviva a la implementación. La experiencia se diseña pensando en el navegador desde el principio.

Diseñamos

  • webs corporativas
  • webs de servicios
  • landings
  • experiencias editoriales
  • webs interactivas

Desarrollamos

  • interfaces responsive
  • interacciones a medida
  • sistemas de contenido
  • funcionalidad web
  • integraciones cuando hacen falta
  • Responsive
  • Teclado
  • Movimiento reducido
  • Semántica
  • Media diferida
  • Metadatos

06 · Tu web

El proyecto empieza con un brief,no con una especificación.

Podemos partir de una web existente, una identidad, contenidos, referencias o simplemente el negocio.

Brief · 001Nafureanu · Web

Objetivo principal

  1. 01Objetivo¿Qué tiene que conseguir la web?·
  2. 02Público¿Quién tiene que entenderla?·
  3. 03Mensaje¿Por qué debería importarle?·
  4. 04Prueba¿Por qué debería creerlo?Prioridad 1Define qué se enseña.
  5. 05Acción¿Qué debería hacer después?·
  6. 06Contenido¿Qué existe ya?Prioridad 2Define qué falta.
  7. 07Carácter¿Cómo debe sentirse?Prioridad 3Define la dirección.
  8. 08Necesidades¿Qué tiene que hacer, de verdad?·
Con esto podemos empezar.Confianza

Notas al margen

  • Sin especificación técnicaLa decidimos juntos cuando el brief está claro.
  • Sin diseño previoSi existe, lo usamos; si no, no hace falta.
  • Sin textos definitivosAyudamos a decidir qué decir y en qué orden.

Cuatro respuestas bastan para la primera conversación.

Cuéntanos qué debería conseguir tu próxima web.

No necesitas llegar con una estructura, un diseño ni una tecnología decididos.

Hablar sobre mi webVer webs y productos realizados

Esta página se ha diseñado delante de ti. La siguiente puede ser la tuya.