Pular para o conteúdo
Matt Design
HomeExpertiseCase studiesFAQ
Get in touch
HomeExpertiseCase studiesFAQ
Get in touch
Lóv
Lóv
UI/UX Design

The Context

Lóv is a DNVB (Digitally Native Vertical Brand) of premium olive oils that focuses on a bold and disruptive visual identity. The challenge was not just to create an institutional website, but to develop a robust e-commerce that balanced the "cool" and vibrant aesthetics of the brand with the usability heuristics necessary to guarantee sales conversion.

  1. The Challenge

The biggest risk of the project was that form overcame function. The brand had rich illustrations and a rich visual language. My role was to act as the bridge between branding and performance, ensuring that the responsive design and information architecture supported the visual load without compromising the purchase journey or loading performance (Core Web Vitals).

  1. The Solution

A. PDP Focused on LTV (Lifetime Value): For the product page, aesthetics were used to retain attention, but the structure was designed to maximize the average ticket and recurrence:

Intelligent Purchase Selector: Specific interface design to switch between "One-time Purchase" and "Subscription" (Recurrence), simplifying the user's decision.

Visual Education: Creation of interactive infographics to explain the benefits of olive oil, reducing the cognitive load of reading technical.

Competitiveness Matrix: A visual comparative section that anchors the price of the Lóv against competitors, validating the premium value proposition.

B. Functional Motion Design: The illustrations and the brand mascot were not just used as decoration. I applied motion design to create microinteractions that guide the user's gaze through the scroll, transforming navigation into a fluid narrative that connects the "About" section to the products.

C. Complex Responsiveness: Adapting a "magazine/editorial" layout for mobile often results in generic stacking. I developed specific solutions for the mobile breakpoint, ensuring that the brand's personality remained intact even on vertical screens, without sacrificing the button touch area (CTAs).

  1. Results

Delivery of a digital ecosystem (Home, PDP, Blog, Checkout flow) that preserves the artistic integrity of the Lóv while operating as a functional sales machine. The project established the brand's digital tone, allowing future expansion of SKUs without breaking the layout.

MagnusAnterior
Lisa DossiPróximo
Lóv - imagem 1
Lóv - imagem 2
Lóv - imagem 3
Lóv - imagem 4
Lóv - imagem 5
Lóv - imagem 6
Lóv - imagem 7
Lóv - imagem 8
Lóv - imagem 9
Lóv - imagem 10
Lóv - imagem 11
Lóv - imagem 12
Lóv - imagem 13
Lóv - imagem 14
Lóv - imagem 15
Lóv - imagem 16
Lóv - imagem 17
Lóv - imagem 18
Lóv - imagem 19
Lóv - imagem 20
Lóv - imagem 21
Lóv - imagem 22
Lóv - imagem 23
Lóv - imagem 24
Lóv - imagem 25
Lóv - imagem 26
Lóv - imagem 27
Lóv - imagem 28
Matt Design

© 2026 Mateus Costa. All rights reserved.