Fossil River Online Store Design and Development

Custom online store with a mobile-first approach and striking visuals.

Fossil River online shop on a desktop, a laptop and a phone on green

Case study

Custom online store for a gourmet spring salt brand based in Villena. Natural, handcrafted salts free from marine pollution.

Year
2021
Client
Fossil River
Salt piles on a salt flat reflected in shallow water, a lifestyle image for the Fossil River online store

Online Store for Gourmet Food Products

We crafted a unique, custom online store that reflects the brand’s aesthetic values, featuring icons, animations, and layouts that bring its visual world to life. The project was based on a brief targeting not only the end consumer but also businesses, prioritizing a mobile-first design while ensuring a strong visual impact on traditional desktop screens. Various features were implemented, including user roles, enabling differentiated pricing depending on the type of user accessing the site.

Project Methodology

We Talk With You
01 /06

We Talk With You

We hold an initial meeting to learn about your project, listen to your needs, and understand your goals. We analyze the starting point, address any questions, and establish the foundation for a close, transparent, and effective collaboration.

We Plan the Strategy
02 /06

We Plan the Strategy

Based on the information gathered, we define a work strategy tailored to your project. We set priorities, phases, timings, and objectives to ensure the development progresses in an organized, efficient way and stays fully aligned with you.

Structure, Wireframes, and Design
03 /06

Structure, Wireframes, and Design

Before moving on to the final design, we organize the user experience through wireframes and visual proposals. We define the architecture, navigation, and content layout to create a website that is clear, attractive, and easy to use.

SEO and Digital Marketing From the Start
04 /06

SEO and Digital Marketing From the Start

We integrate a strategic perspective from the very first phases of the project. We work on the structure, content, performance, and technical aspects needed for the website to be ready to rank, convert, and grow from day one.

Testing, Launch, and Technical Support
05 /06

Testing, Launch, and Technical Support

Before publishing, we review technical functionality, responsive adaptation, forms, speed, and all key website elements. Once validated, we execute the launch and provide support to address adjustments, questions, or later needs.

Monitoring, Analysis, and Growth
06 /06

Monitoring, Analysis, and Growth

After launch, we analyze website behavior and identify opportunities for improvement. We review data, performance, and objectives to continue optimizing the project and support its growth as your business evolves.

Hand-drawn mobile wireframe sketches for the Fossil River online store design Three phones showing the Fossil River gourmet salt online store: salt-making tradition, Villena salt flats and salt petals
  • 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

For the main ones of the web, Roboto was used, a friendly typography, modern and classic at the same time, which also gives a sense of closeness to the user. To complement this main typeface, Gotham, a popular typeface designed by Tobias Frere-Jones in 2000, has been chosen. Inspired by New York City signage, Gotham is a sans-serif font characterized by its modern and elegant look. It is recognized for its legibility and its ability to convey a sense of sophistication and modernity.

Regular

Bold

Pétalos de Sal Blancos product page on the Fossil River online store shown on a tablet, beside a jar of pink Himalayan salt
Fossil River online store page for spiced salt petals on an iMac beside two jars of the product

What our clients say

Tell us your idea

+30 Awarded Studio

Start your project with us

You can also schedule a meeting with us

Schedule a meeting with us
+30 Awarded Studio

Schedule a meeting with us