Somos Focus Media
Una agència creativa no podia tenir una web genèrica.
Focus és una agència d'estratègia, contingut i xarxes socials de Girona. Ja tenien personalitat pròpia. La nostra feina va ser traduir-la a una web que també formés part del seu portfolio.
- Direcció web
- Disseny
- Desenvolupament
- Base SEO
- Client
- Somos Focus Media
- Feina
- Direcció web + Web + base SEO
- Zona
- Girona · Costa Brava · Barcelona
- Termini
- Unes 2 setmanes
El punt de partida
La direcció va començar amb preguntes, no amb una plantilla.
Vam arrencar amb una reunió i un formulari de preguntes. Abans de dissenyar res, volíem entendre com treballen, com parlen i què havia de sentir algú en arribar a la seva web.
El que ja tenien
- Una personalitat clara
- Negre i vermell com a colors de marca
- Dos perfils complementaris
- Feina real per ensenyar
El que calia resoldre
- Una web a l'altura de la seva feina
- Serveis fàcils d'entendre
- Un camí clar per contactar
- Una base perquè se'ls pugui trobar
Vam partir de la seva identitat, no d'una plantilla.
L'equilibri
Creativa, però clara.
Una agència creativa pot caure en dos extrems: una web tan corporativa que no transmet res, o tan experimental que ningú no entén què fa. Focus havia de viure al mig.
Només corporativa
Endreçada i correcta, però podria ser de qualsevol agència. No demostra criteri creatiu.
Focus
Amb personalitat i amb estructura: es nota qui són i s'entén què fan.
Només experimental
Crida l'atenció, però costa entendre els serveis i saber com començar.
Com ho vam resoldre
Titulars amb veu pròpia
Frases curtes i directes, en el to amb què ells parlen de la seva feina.
La seva feina a la vista
Vídeo i peces reals dels seus clients des de la primera pantalla.
Una estructura reconeixible
Navegació simple: feina, serveis, procés, plans i qui són.
Una sola acció principal
El mateix botó per començar la conversa a tota la web.
Identitat
Mantenir la seva marca i ampliar el sistema.
El negre i el vermell ja eren seus. Hi vam afegir el blanc com a tercer color per donar contrast, facilitar la lectura i deixar respirar la composició.
- ◦El negre, per a la força i els blocs de contrast
- ◦El vermell, com a accent: detalls, marques i punts d'atenció
- ◦El blanc, per llegir amb calma i donar aire
- ◦Una tipografia sòbria que deixa el protagonisme al contingut
- ◦El logotip existent, sense canvis
Vam treballar sobre la seva identitat existent: no és un projecte de branding complet.
Serveis
Serveis explicats, no un catàleg.
Cada servei té la seva pròpia pàgina, amb la mateixa lògica: què és, què resol i com començar.
El que ofereixen
Els seus serveis reals.
Cadascun amb la seva pàgina.
- →Gestió de xarxes socials
- →Creació de contingut
- →Vídeo corporatiu i filmmaking
- →Fotografia de producte i de marca
Per a qui i on
Context concret.
Pàgines per a la seva zona i el seu sector.
- →Agència de xarxes socials a Girona
- →Agència de xarxes socials a Barcelona
- →Xarxes socials per a restaurants
- →Plans
Servei → què resol → contacte.
Base SEO
Una web creativa també s'ha de poder trobar.
El SEO no és el protagonista d'aquest projecte, però la web no es podia quedar només en el que és visual. Vam deixar la base feta des del primer dia.
«Focus Media» és un nom habitual. La web i el perfil ajuden a construir una entitat més clara per a Google i per a qui els busca.
- 01Keyword research
- 02Arquitectura de pàgines per servei i zona
- 03Pàgines de servei pròpies
- 04Metadades a cada pàgina
- 05Creació i optimització inicial del seu Perfil d'Empresa a Google
Contacte
De la web a una conversa.
Qui arriba a Focus ha de poder començar a parlar sense pensar-s'ho gaire. La web ofereix diverses portes, totes fàcils de trobar.
- 01
Veure la seva feina
↓→ - 02
Entendre el servei
↓→ - 03
Escriure
Formulari
Nom, marca, xarxes i objectiu principal, amb l'opció «encara no ho tinc clar».
Un enllaç directe amb el primer missatge ja escrit.
Correu i telèfon
Enllaços de contacte directes, sempre a mà.
La pàgina de contacte també explica què passa després d'escriure.
Termini
Del briefing a una web a punt per publicar en unes dues setmanes.
Reunió i formulari de preguntes, direcció, disseny, desenvolupament i revisions. Un procés curt perquè la identitat i el to ja estaven clars des del principi.
El recorregut
- Reunió i formulari
- Direcció web
- Disseny i desenvolupament
- Revisions
- A punt per publicar
És el context d'aquest projecte, no un termini estàndard.
Una base que s'amplia
Una web que pot créixer amb l'agència.
Focus no haurà de refer la seva presència cada cop que canviï alguna cosa. L'estructura admet peces noves al ritme de l'agència, amb la mateixa direcció visual.
- 01Serveis nous
- 02Feines i casos nous
- 03Zones noves
- 04Continguts nous
Començar per preguntes.
El formulari i la reunió van marcar la direcció abans del primer disseny.
Ampliar el sistema sense canviar la marca.
Un tercer color va bastar per guanyar claredat sense perdre caràcter.
La claredat també és creativa.
Una web amb personalitat ha de continuar explicant què es fa i com començar.
El teu projecte
El teu negoci és millor del que mostra la teva web?
Explica'ns on ets i què vols aconseguir. Dissenyarem la solució al voltant de l'objectiu, no al voltant d'una plantilla.
Parla'ns del teu projecte ↗