Serenity: An e-commerce design and development for a skincare brand

SerenitybyJan is a skincare brand dedicated to providing high-quality, natural skincare products. Their vision was to create an inviting, user-friendly online store that showcases their skincare products, enables customers to add items to their cart, and seamlessly complete the checkout process. I lead the project, creating an initial concept, UX and site development.

Serenity site mockup image

Branding and Interface

Taking responsibility for design, branding, and development enhancements, I focused on refining typography, color schemes, icons, and other essential elements to elevate SerenitybyJan's brand identity. I aimed to provide a consistent and delightful customer experience, leading to increased user engagement and customer loyalty.

Serenity site mockup image
Serenity site mockup image
Serenity site mockup image

Visitors Shoppers, Brand loyalists

To focus on the brand’s authentic and differential approach, I created a simple narrative that exudes innovation, looks to convert visitors to shoppers, and speaks of their fantastic products. This helps them cut through all the noise and position themselves as a cutting-edge brand who truly cares.

Serenity site mockup image
Serenity site mockup image

Webflow’s best practices

Webflow offers design flexibility, but integrating complex e-commerce features comes with its challenges, I approached these challenges carefully, breaking them into bits and worked my way in.

- Responsive Design, Performance Optimization, Inventory Management, SEO Optimization and general user experience.

With these issue making the top list, I implemented Webflow CMS for product management, enabling easy updates and real-time inventory tracking, conducted user testing to refine user journey, optimized on-page SEO elements, including meta tags and product descriptions, to improve search engine rankings.

Serenity site mockup image
Serenity site mockup image
Serenity site mockup image

Lessons and growth.

I learned the importance of adaptability and staying up-to-date with technology. Webflow's ever-evolving features and capabilities required continuous exploration and adaptation. It was a reminder that every challenge presents an opportunity for growth.