mlarreta.dev

Project · Retail & wellbeing

Origen Vital

Photography, motion and a catalogue to explore.

A natural food store presented as a journey through images. Scenes of the tree introduce categories and lead into a catalogue where visitors can explore products, build a shopping bag and review their order.

My role: Web experience design and development

Origen Vital · Interactive demoYou can explore the website inside this window

An interactive preview of the original project, in its original language. Portfolio contact details are below.

The experience

Brand identity and shopping share the same journey: large images, editorial typography and scroll transitions give way to filters, product cards and a shopping bag. Category shortcuts connect the visual presentation to the products.

What it includes

  • An image-based journey with scroll transitions
  • Category markers linking to products
  • Filterable catalogue
  • Shopping bag with quantities and a summary
  • Collection or delivery options in the interface

Identity that also guides

The tree acts as a visual map of the business. Its scenes accompany the categories, and selected points reveal products from each section. The journey keeps the brand's character while offering practical routes into the shop.

A catalogue you can use

The shop lets visitors filter by category, inspect products and add them to the bag. The summary brings together quantities, subtotal and delivery method. The selection is stored locally, so exploring the presentation does not mean starting the shopping process again.

Images, motion and reading

Images connect through changes of framing and fades tied to scrolling. Each scene's content, the shop shortcuts and the navigation stay within the same visual language of deep greens, warm tones and editorial typography.

What you can try

Have a project in mind?

Let's discuss your website