Biocomercio
Back to projects
Design & BrandingUX/UI
Biocomercio logo

Biocomercio

FigmaBrandingUX/UI

Brand identity and e-commerce design for an organic nut producer in Alicante — from the logo to a fully navigable prototype of the storefront.

Design & Branding

A brand that tastes of the field

The visual system comes straight from the product: the yellows and creams of the almond groves, a leaf green for the organic side, and a terracotta that adds warmth without falling back on the usual 'bio' green. Corben, with its rounded serifs, carries the brand voice in the headlines; Manrope holds the long copy without adding noise.

Brand palette

#FFCD01
#7DC202
#009029
#000000
#FFFFFF

Section secondaries

#FFDF80
#FFF7E2
#DA7635
#D04437
#89AB5D
#B7CC9C
#F2D0C4
#292929

Typography

CorbenHeadlines

Sabor en tu estilo de vida

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789

ManropeBody

Frutos secos ecológicos cultivados y envasados en Alicante.

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789

UX/UI

From identity to a storefront you can walk through

On that foundation, the full e-commerce designed in Figma: home, listing, product page, recipes and the corporate pages. Navigation is a component with its own states, so the dropdowns actually open and every link goes to its real screen. Below you can scroll through the full pages, exactly as they were designed.

Design pagesScroll inside the window to walk through each full page.
biocomercio.es · Home
Home

Screens

Click to enlarge