Disseny i Desenvolupament de Botiga Online Fossil River

Botiga online personalitzada amb enfocament mòbil i impacte visual.

Botiga en línia de Fossil River en un ordinador, un portàtil i un mòbil sobre verd

Cas

Botiga online personalitzada per a la marca de sals Gourmet de font ubicada a Villena. Sals naturals, artesanals i sense contaminació marina.

Munts de sal en un salar amb reflexos d'aigua, imatge d'ambient de la botiga en línia de Fossil River

Botiga online per a producte gastronòmic gourmet

Cream una botiga online única i personalitzada que reflecteix els valors estètics de la marca, amb icones, moviments i muntatges que formaran part d’aquest món estètic. El projecte està pensat des d’un briefing que estableix com a públic objectiu no només l’usuari final sinó també empreses, prioritzant el mobile first però també donant importància a l’impacte visual que pot generar des de les pantalles convencionals d’un ordinador. Per a aquest projecte es van implementar diverses funcions, entre elles els rols d’usuaris, per generar diferenciació de preus segons el tipus d’usuari que utilitzi la web.

Metodologia del projecte

Parlem amb tu
01 /06

Parlem amb tu

Realitzem una reunió inicial per conèixer el teu projecte, escoltar les teves necessitats i comprendre els teus objectius. Analitzem el punt de partida, resolem dubtes i definim les bases d’una col·laboració propera, transparent i efectiva.

Planifiquem l’estratègia
02 /06

Planifiquem l’estratègia

A partir de la informació recollida, definim una estratègia de treball adaptada al teu projecte. Establim prioritats, fases, timings i objectius per avançar de manera ordenada, eficient i sempre alineada amb tu.

Estructura, wireframes i disseny
03 /06

Estructura, wireframes i disseny

Abans de passar al disseny final, estructurem l’experiència d’usuari mitjançant wireframes i propostes visuals. Definim l’arquitectura, la navegació i la distribució de continguts per crear una web clara, atractiva i fàcil d’utilitzar.

SEO i màrqueting digital des del principi
04 /06

SEO i màrqueting digital des del principi

Integrem una visió estratègica des de les primeres fases del projecte. Treballem l’estructura, els continguts, el rendiment i els aspectes tècnics necessaris perquè la web estigui preparada per posicionar, convertir i créixer des del primer dia.

Testejat, llançament i suport tècnic
05 /06

Testejat, llançament i suport tècnic

Abans de publicar, revisem el funcionament tècnic, l’adaptació responsive, els formularis, la velocitat i tots els elements clau de la web. Un cop validat, realitzem el llançament i oferim suport per resoldre ajustos, dubtes o necessitats posteriors.

Seguiment, anàlisi i evolució
06 /06

Seguiment, anàlisi i evolució

Després del llançament, analitzem el comportament de la web i detectem oportunitats de millora. Revisions dades, rendiment i objectius per continuar optimitzant el projecte i acompanyar la seva evolució a mida que creix el teu negoci.

Esbossos a mà de wireframes mòbils per al disseny de la botiga en línia de Fossil River Tres mòbils amb la botiga en línia de sals gourmet Fossil River: tradició salinera, salines de Villena i pètals de sal
  • R 219 · G 235 · B 226 #DBEBE2
  • R 172 · G 208 · B 189 #ACD0BD
  • R 125 · G 160 · B 142 #7DA08E
  • R 255 · G 196 · B 187 #FFC4BB
  • R 203 · G 172 · B 144 #CBAC90
  • R 100 · G 117 · B 135 #647587

Roboto Slab

Gotham

GOTHAM

Per als títols principals de la web es va fer servir Roboto, una tipografia amable, moderna i clàssica alhora, que transmet proximitat a l’usuari. Per complementar-la es va triar Gotham, una font molt popular dissenyada per Tobias Frere-Jones el 2000. Inspirada en la senyalització de la ciutat de Nova York, Gotham és una sans serif d’aspecte modern i elegant, reconeguda per la seva llegibilitat i per la sensació de sofisticació i modernitat que transmet.

Regular

Bold

Fitxa de producte Pétalos de Sal Blancos a la botiga en línia de Fossil River vista en tauleta, amb sal rosa de l'Himàlaia
Pàgina de pètals de sal amb espècies de la botiga en línia de Fossil River en un iMac al costat de dos pots del producte

El que diuen els nostres clients

Explica'ns la teva idea

+30 Awarded Studio

Comença el teu projecte amb nosaltres

També pots concertar una reunió amb nosaltres

Concerta una reunió amb nosaltres
+30 Awarded Studio

Concerta una reunió amb nosaltres

1-hour video call on Microsoft Teams.

Loading the calendar…