Somos Focus Media
Una agencia creativa no podía tener una web genérica.
Focus es una agencia de estrategia, contenido y redes sociales de Girona. Ya tenían personalidad propia. Nuestro trabajo fue traducirla a una web que también formara parte de su portfolio.
- Dirección web
- Diseño
- Desarrollo
- Base SEO
- Cliente
- Somos Focus Media
- Trabajo
- Dirección web + Web + base SEO
- Zona
- Girona · Costa Brava · Barcelona
- Plazo
- Aprox. 2 semanas
El punto de partida
La dirección empezó con preguntas, no con una plantilla.
Arrancamos con una reunión y un formulario de preguntas. Antes de diseñar nada, queríamos entender cómo trabajan, cómo hablan y qué tenía que sentir alguien al llegar a su web.
Lo que ya tenían
- Una personalidad clara
- Negro y rojo como colores de marca
- Dos perfiles complementarios
- Trabajo real que enseñar
Lo que había que resolver
- Una web a la altura de su trabajo
- Servicios fáciles de entender
- Un camino claro para contactar
- Una base para que se les pueda encontrar
Partimos de su identidad, no de una plantilla.
El equilibrio
Creativa, pero clara.
Una agencia creativa puede caer en dos extremos: una web tan corporativa que no transmite nada, o tan experimental que nadie entiende qué hace. Focus tenía que vivir en medio.
Solo corporativa
Ordenada y correcta, pero podría ser de cualquier agencia. No demuestra criterio creativo.
Focus
Con personalidad y con estructura: se nota quiénes son y se entiende qué hacen.
Solo experimental
Llama la atención, pero cuesta entender los servicios y saber cómo empezar.
Cómo lo resolvimos
Titulares con voz propia
Frases cortas y directas, en el tono con el que ellos hablan de su trabajo.
Su trabajo a la vista
Vídeo y piezas reales de sus clientes desde la primera pantalla.
Estructura reconocible
Navegación simple: trabajo, servicios, proceso, planes y quiénes son.
Una sola acción principal
El mismo botón para empezar la conversación en toda la web.
Identidad
Mantener su marca y ampliar el sistema.
El negro y el rojo ya eran suyos. Añadimos el blanco como tercer color para dar contraste, facilitar la lectura y dejar respirar la composición.
- ◦El negro, para la fuerza y los bloques de contraste
- ◦El rojo, como acento: detalles, marcas y puntos de atención
- ◦El blanco, para leer con calma y dar aire
- ◦Una tipografía sobria que deja el protagonismo al contenido
- ◦El logotipo existente, sin cambios
Trabajamos sobre su identidad existente: no es un proyecto de branding completo.
Servicios
Servicios explicados, no un catálogo.
Cada servicio tiene su propia página, con la misma lógica: qué es, qué resuelve y cómo empezar.
Lo que ofrecen
Sus servicios reales.
Cada uno con su página.
- →Gestión de redes sociales
- →Creación de contenido
- →Vídeo corporativo y filmmaking
- →Fotografía de producto y de marca
Para quién y dónde
Contexto concreto.
Páginas para su zona y su sector.
- →Agencia de redes sociales en Girona
- →Agencia de redes sociales en Barcelona
- →Redes sociales para restaurantes
- →Planes
Servicio → qué resuelve → contacto.
Base SEO
Una web creativa también tiene que poder encontrarse.
El SEO no es el protagonista de este proyecto, pero la web no podía quedarse solo en lo visual. Dejamos la base hecha desde el primer día.
«Focus Media» es un nombre habitual. La web y el perfil ayudan a construir una entidad más clara para Google y para quien les busca.
- 01Keyword research
- 02Arquitectura de páginas por servicio y zona
- 03Páginas de servicio propias
- 04Metadatos en cada página
- 05Creación y optimización inicial de su Perfil de Empresa de Google
Contacto
De la web a una conversación.
Quien llega a Focus tiene que poder empezar a hablar sin pensar demasiado. La web ofrece varias puertas, todas fáciles de encontrar.
- 01
Ver su trabajo
↓→ - 02
Entender el servicio
↓→ - 03
Escribir
Formulario
Nombre, marca, redes y objetivo principal, con la opción «aún no lo tengo claro».
Un enlace directo con el primer mensaje ya escrito.
Email y teléfono
Enlaces de contacto directos, siempre a mano.
La página de contacto también explica qué pasa después de escribir.
Plazo
De briefing a una web lista para publicar en aproximadamente dos semanas.
Reunión y formulario de preguntas, dirección, diseño, desarrollo y revisiones. Un proceso corto porque la identidad y el tono ya estaban claros desde el principio.
El recorrido
- Reunión y formulario
- Dirección web
- Diseño y desarrollo
- Revisiones
- Lista para publicar
Es el contexto de este proyecto, no un plazo estándar.
Una base que se amplía
Una web que puede crecer con la agencia.
Focus no tendrá que rehacer su presencia cada vez que cambie algo. La estructura admite nuevas piezas al ritmo de la agencia, con la misma dirección visual.
- 01Nuevos servicios
- 02Nuevos trabajos y casos
- 03Nuevas zonas
- 04Nuevos contenidos
Empezar por preguntas.
El formulario y la reunión marcaron la dirección antes del primer diseño.
Ampliar el sistema sin cambiar la marca.
Un tercer color bastó para ganar claridad sin perder carácter.
La claridad también es creativa.
Una web con personalidad tiene que seguir explicando qué se hace y cómo empezar.
Tu proyecto
¿Tu negocio es mejor que lo que muestra tu web?
Cuéntanos dónde estás y qué quieres conseguir. Diseñaremos la solución alrededor del objetivo, no alrededor de una plantilla.
Háblanos de tu proyecto ↗