:root { --body-vw: 18vw; --body-px: 18px; --text-l-vw: 20vw; --text-l-px: 20px; --text-m-vw: 16vw; --text-m-px: 16px; --text-s-vw: 14vw; --text-s-px: 14px; --xxl-vw: 64vw; --xxl-px: 64px; --xl-vw: 56vw; --xl-px: 56px; --l-vw: 42vw; --l-px: 42px; --m-vw: 36vw; --m-px: 36px; --s-vw: 24vw; --s-px: 24px; --xs-vw: 20vw; --xs-px: 20px; } @media only screen and (min-width: 1440px) { body { font-size: calc((var(--body-vw)) / 1440 * 100); } .text-l { font-size: calc((var(--text-l-vw)) / 1440 * 100); } .text-m { font-size: calc((var(--text-m-vw)) / 1440 * 100); } .text-s { font-size: calc((var(--text-s-vw)) / 1440 * 100); } h1, .headline.xxl { font-size: calc((var(--xxl-vw)) / 1440 * 100); } h2, .headline.xl { font-size: calc((var(--xl-vw)) / 1440 * 100); } h3, .headline.l { font-size: calc((var(--l-vw)) / 1440 * 100); } h4, .headline.m { font-size: calc((var(--m-vw)) / 1440 * 100); } h5, .headline.s { font-size: calc((var(--s-vw)) / 1440 * 100); } h6, .headline.xs { font-size: calc((var(--xs-vw)) / 1440 * 100); } } @media only screen and (min-width: 1920px) { body { font-size: calc((var(--body-px)) * 1.3333); } .text-l { font-size: calc((var(--text-l-px)) * 1.3333); } .text-m { font-size: calc((var(--text-m-px)) * 1.3333); } .text-s { font-size: calc((var(--text-s-px)) * 1.3333); } h1, .headline.xxl { font-size: calc((var(--xxl-px)) * 1.3333); } h2, .headline.xl { font-size: calc((var(--xl-px)) * 1.3333); } h3, .headline.l { font-size: calc((var(--l-px)) * 1.3333); } h4, .headline.m { font-size: calc((var(--m-px)) * 1.3333); } h5, .headline.s { font-size: calc((var(--s-px)) * 1.3333); } h6, .headline.xs { font-size: calc((var(--xs-px)) * 1.3333); } }

lekkocbd

CBD oil bottle

lekkocbd

CBD oil bottle

lekkocbd

CBD Oil bottle

lekkocbd

CBD oil bottle

lekkocbd

CBD oil bottle

lekkocbd

CBD Oil bottle

lekkocbd

CBD oil bottle

lekkocbd

CBD oil bottle

lekkocbd

CBD Oil bottle

lekkocbd

CBD oil bottle

lekkocbd

CBD oil bottle

lekkocbd

CBD Oil bottle
e-commerce redesign for a subscription-based CBD brand

Research

UX Design

UI Design

B2C

E-commerce

Animation

E-commerce website design mockup showcasing a seamless online shopping experience. This mockup demonstrates an intuitive interface, simplified navigation, subscription management and visually engaging product displays designed to elevate user interaction and drive conversions. e-commerce brand imagery for the website design
Check mark icon black

Audit for existing website

Check mark icon black

Market research

Check mark icon black

Workshops

Check mark icon black

User interviews

Check mark icon black

Wireframing, UX design

Check mark icon black

Ideation, UI design

Check mark icon black

Animations for the web

project
Lekko aimed to to easily add new products to their website, notably monthly subscriptions, to enhance customer retention and educate visitors on CBD. I performed a complete e-commerce website redesign for a visually appealing and user-friendly experience. The result? An enticing design driving increased engagement for Lekko's offerings.
client
Lekko is a Polish company offering their clients CBD products to reduce the stress from day-to-day anxieties.
deliverables
branding additons
website design
product presentation
Not everyone knows CBD or how it works, but everyone visiting Lekko’s website can now learn it quickly. The landing page introduces the visitor to CBD and tells them what they need to know in an approachable way.
editable modules
Since Lekko has constantly been expanding its offer, I simplified adding new products by introducing editable modules.
different purchase options
Each product page now has two purchase options: a subscription or a one-time purchase.
dosage calculator
My user research has revealed that people often struggle with choosing the right oil amount. I devised a simple solution: a calculator that helps determine the correct personal oil dose.
E-commerce website design mockups showcasing a seamless online shopping experience. This mockup demonstrates an intuitive interface, simplified navigation, subscription management and visually engaging product displays designed to elevate user interaction and drive conversions.
animation
The design emphasized movement and animations. Initially, the high-quality bottle render caused loading delays. I optimized a seamless transition from landing to product pages, eliminating image reloads and therefore the waiting problem.
E-commerce website design mockup showcasing a seamless online shopping experience. This mockup demonstrates an intuitive interface, simplified navigation, subscription management and visually engaging product displays designed to elevate user interaction and drive conversions.
packagings
Lekko ships their products in the most beautiful boxes. Their design contributes to the user’s first impression of the brand. It inspired me and influenced the website’s clean look.
product listing
While the landing page plays with many fun effects, I kept the store page simple with an easy sorting mechanism. No distractions – just the user and Lekko’s finest solutions.
E-commerce website design mockup showcasing a seamless online shopping experience. This mockup demonstrates an intuitive interface, simplified navigation, subscription management and visually engaging product displays designed to elevate user interaction and drive conversions.
E-commerce website design mockup showcasing a seamless online shopping experience. This mockup demonstrates an intuitive interface, simplified navigation, subscription management and visually engaging product displays designed to elevate user interaction and drive conversions. e-commerce brand imagery for the website design
e-commerce brand imagery for the website design
Working with Lekko to make the website embody the brand’s vision was a pleasure. I thoroughly enjoyed playing with the brand’s color palette and discovering how the choice of content type can alter the digital design.
E-commerce website design mobile mockup showcasing a seamless online shopping experience. This mockup demonstrates an intuitive interface, simplified navigation, subscription management and visually engaging product displays designed to elevate user interaction and drive conversions.
e-commerce brand imagery for the website designE-commerce website design mobile mockup showcasing a seamless online shopping experience. This mockup demonstrates an intuitive interface, simplified navigation, subscription management and visually engaging product displays designed to elevate user interaction and drive conversions.
Next project

Esop-direkt

Web design & development for Berlin-based legal tech company