Saltar al contenido

Servicio

Diseño y desarrollo web para empresas

Diseñamos y construimos la web corporativa: una estructura que explica lo complejo con sencillez, una lectura que lleva a alguien de la duda a la conversación, y un sitio que vuestro equipo puede mantener sin depender de nadie.

El problema

Cómo suele llegar

La web rara vez falla por lo que se ve. Falla antes.

  1. Vuestra web describe lo que hacéis, pero no responde a lo que la otra persona necesita saber para decidir. Quien entra encuentra información y sale sin haber resuelto nada.

  2. Lo que vendéis es difícil de explicar y la web lo esquiva. Se habla en abstracto para no equivocarse, y el resultado es una página que podría ser la de cualquiera de vuestros competidores.

  3. Cada sección se añadió cuando hizo falta. Hay cuatro maneras de decir lo mismo, páginas que nadie visita, y nadie sabe ya cuál es el camino que debería seguir un visitante.

  4. Publicar cualquier cambio depende de una persona o de una agencia. Lo que debería tardar una tarde tarda tres semanas, así que al final no se cambia.

Enfoque

Cómo lo trabajamos

La web es una secuencia de decisiones, no una colección de páginas bonitas.

  1. Empezamos por la estructura. Definimos qué preguntas tiene que responder el sitio, en qué orden y en qué página, y qué intención de búsqueda cubre cada una. Esa arquitectura sale de la estrategia de marca y del trabajo de SEO, y se decide antes de dibujar nada. Es el trabajo que más condiciona el resultado y el que menos se ve.

  2. Después escribimos, o trabajamos codo con codo con quien escribe. Diseñar sobre texto de relleno es diseñar dos veces: la segunda, cuando llega el contenido real y no cabe. El texto y la maqueta avanzan juntos, y la maqueta se ajusta al texto, nunca al revés.

  3. El diseño se construye como sistema: una escala tipográfica, un conjunto de bloques y unas reglas de composición que sirven para las páginas que existen hoy y para las que se añadirán. Así la web se puede ampliar sin que cada página nueva sea una negociación.

  4. El desarrollo es a medida y sin atajos. Renderizado en servidor para que el contenido esté en el HTML desde el primer byte, imágenes y tipografías controladas, y una base que no arrastra el peso de un tema comprado. La velocidad no es una optimización del final: es una consecuencia de no haber metido lo que no hacía falta.

  5. La accesibilidad va dentro, no encima. Contraste real, navegación completa con teclado, estructura semántica y foco visible. Es lo mismo que hace que una web funcione para un lector de pantalla y para un buscador, y cuesta mucho menos hacerlo durante que después.

  6. En el móvil no se recorta la jerarquía. Es donde entra la mayor parte de la gente y donde casi todas las webs corporativas se convierten en una sucesión de bloques del mismo tamaño. Mantener ahí la diferencia entre lo importante y lo accesorio es una decisión de diseño, no una adaptación automática.

  7. Decidimos también qué no va a existir. Una sección de novedades que nadie va a alimentar, un área privada que nadie ha pedido, un buscador interno sobre veinte páginas. Cada cosa que se añade hay que mantenerla, y una web con menos piezas es una web que sigue estando bien dentro de tres años.

  8. Medimos desde el primer día, pero sin convertir el sitio en un laboratorio. Analítica sin cookies, eventos con nombre en lo que de verdad indica intención, y nada que obligue a poner un banner de consentimiento delante de la primera impresión que alguien se lleva de vosotros.

  9. Y entregamos algo que podéis mover. Los contenidos que cambian se editan desde un gestor, el código es vuestro, y os explicamos cómo está hecho para que otro equipo pueda continuar sin empezar de cero.

Antes y después

Qué cambia

La web no cambia de aspecto: cambia de función. Antes y después, dicho sin cifras.

  1. Páginas bonitas que nadie sabe en qué orden leer

    Una secuencia de decisiones, página a página

  2. El mensaje principal está en la tercera pantalla

    Lo que importa, donde se mira primero

  3. Cada cambio depende de quien la construyó

    Un sitio que vuestro equipo edita sin miedo

  4. La velocidad se mide al final, si se mide

    Rendimiento y accesibilidad como requisitos, no como remate

Entregables

Qué incluye

El alcance depende del tamaño del sitio. Esto es lo que suele entrar.

Arquitectura

  • Mapa del sitio y jerarquía de páginas
  • Intención de búsqueda y mensaje principal por página
  • Recorridos previstos y puntos de conversión
  • Plan de redirecciones cuando se sustituye una web existente

Contenido y diseño

  • Redacción o edición de los textos de las páginas principales
  • Sistema de diseño: escala tipográfica, color, retícula y bloques
  • Diseño de las plantillas y de los estados que la gente olvida: error, vacío, carga, envío
  • Criterio de imagen, diagrama y tratamiento gráfico

Desarrollo

  • Desarrollo a medida con renderizado en servidor
  • Gestor de contenidos para las secciones que cambian
  • Formularios con validación en servidor y protección contra envíos automáticos
  • Rendimiento, accesibilidad y datos estructurados como parte del trabajo, no como revisión posterior
  • Analítica sin cookies y sin banner de consentimiento

Puesta en marcha

  • Migración, redirecciones y comprobación de indexación
  • Formación al equipo que va a publicar
  • Código y accesos vuestros desde el primer día
  • Acompañamiento durante las primeras semanas en producción

El material

La forma que toma

Dos planos de la misma pieza: lo que se ve y lo que decide dónde mirar. La web es el corte entre ambos, y se diseña desde el segundo.

Cómo conecta con el resto

Una web es el sitio donde el resto del sistema se hace visible. Por eso casi nunca es la primera decisión.

La estrategia y branding deciden qué se dice y con qué forma; sin eso, el diseño acaba resolviendo por estética preguntas que eran de negocio. El SEO estratégico condiciona la arquitectura antes de que exista: qué páginas hacen falta y cómo se enlazan entre ellas se decide en el mapa del sitio, no después. Y el CRO y la optimización toman esta web como punto de partida para observar qué ocurre de verdad y corregir con datos lo que hasta ahí era criterio.

Preguntas

Lo que se pregunta sobre diseño y desarrollo web

¿Diseñáis y también desarrolláis?
Sí, el mismo equipo. La web se dibuja sabiendo cómo se va a construir y se construye respetando lo que se decidió en el diseño. Cuando esas dos partes se separan, el resultado lo paga la web.
¿Con qué tecnología se construye?
Con la que el sitio necesita y vuestro equipo pueda mantener. Preferimos código propio y un gestor de contenidos que edite quien tenga que editar; lo explicamos y lo justificamos antes de empezar, no después.
¿Quién escribe el contenido?
Lo trabajamos juntos. La estructura y los mensajes salen del trabajo previo; los textos se escriben para cada página con vosotros, porque el conocimiento del negocio es vuestro y el orden de lectura es nuestro.
¿La web queda preparada para SEO?
Queda construida sobre una estructura que responde a búsquedas reales, con rendimiento medido y sin deuda técnica. Eso es lo que el SEO estratégico necesita para funcionar; el trabajo continuo sobre contenidos es otra línea.

¿Otra pregunta?

Disponibilidad para dos proyectos nuevos este trimestre

Cuéntanos qué tenéis entre manos

Iniciar un proyecto