Back

Lomi

Lomi is an online marketplace in Santiago de Chile that connects people with gourmet food and local small producers, with fast delivery. Together with designer Daniela Amboage, I defined the website’s look and feel and co-created its design system.

Client

Lomi · Freelance

Timeline

2026

Role

UI Designer · Design system

Team

With Daniela Amboage

Problem

The product had desktop wireframes, but no visual language or component library behind them. The team needed to reach high fidelity fast, without losing consistency as new screens kept coming in.

Goal

Turn the wireframes into a polished, high-fidelity UI that reflects Lomi’s premium, local identity, backed by a design system the team could keep growing on its own.

My approach

01

Define the look and feel

We explored directions around food photography, warm neutrals and editorial type, and picked the one that put products and producers first.

02

Set shared foundations

We set up shared tokens for color, type and spacing, so every screen started from the same base and Daniela and I could design at the same time.

03

Take every flow to high fidelity

We took every key flow from wireframe to final UI: browsing, product detail, cart and checkout.

04

Document the components

I built and documented components with their states, so the team could keep adding screens consistently on their own.

My approach

01

Define the look and feel

We explored directions around food photography, warm neutrals and editorial type, and picked the one that put products and producers first.

02

Set shared foundations

We set up shared tokens for color, type and spacing, so every screen started from the same base and Daniela and I could design at the same time.

03

Take every flow to high fidelity

We took every key flow from wireframe to final UI: browsing, product detail, cart and checkout.

04

Document the components

I built and documented components with their states, so the team could keep adding screens consistently on their own.

My approach

01

Define the look and feel

We explored directions around food photography, warm neutrals and editorial type, and picked the one that put products and producers first.

02

Set shared foundations

We set up shared tokens for color, type and spacing, so every screen started from the same base and Daniela and I could design at the same time.

03

Take every flow to high fidelity

We took every key flow from wireframe to final UI: browsing, product detail, cart and checkout.

04

Document the components

I built and documented components with their states, so the team could keep adding screens consistently on their own.

Sections & features

Store & product browsing

Category navigation and product cards that put photography first and give local producers a visible place next to each product.

Product detail

A detail page that tells the product’s and the producer’s story, with options and add-to-cart always within reach.

Cart & checkout

A short checkout focused on delivery time and clear totals, built with the same components as the rest of the site.