Figma x Klaviyo | Email Newsletter Design

OBI OACAE

Visual Showcase

Project Overview

This email newsletter was designed for a conceptual beauty retailer brand called Skinthic, with a focus on promoting a curated selection of moisturizers for dry and sensitive skin. The goal was to drive engagement, educate readers on product benefits, and increase conversions through a visually clean and conversion-oriented layout.
Scrolling walkthrough or full email

Objective

Highlight 3 dermatologist-approved skincare products
Clearly communicate each product's use-case and matching skin type
Maintain visual clarity across desktop and mobile
Design a Klaviyo-friendly layout that can be easily exported and implemented
Newsletter design preview
Newsletter design preview

Tools Used

Figma (Design, layout, prototyping)
Klaviyo (Platform compatibility and export planning)
Responsive principles and email UX best practices

Design Strategy

The email follows a modular, scannable layout structure:
Preheader: View in browser link
Header: Brand logo, headline, primary CTA
Hero Image: Human-centric, emotionally engaging skin visual
Intro Text: Sets the purpose and theme
Product Highlights: Each moisturizer includes product image, description, “Best for” tags and CTA
Value Prop Section: Why Skinthic? With icons for trust-building
Category Footer: Links to skincare categories
Social + Contact: Instagram handle and 24/7 support note
This design is ready to be implemented directly in Klaviyo, with all components modularized for A/B testing and easy future updates. The layout is scalable across product lines and campaigns, making it a strong asset in any ecommerce email strategy.
Like this project

Posted Feb 28, 2025

A responsive promotional email design for a skincare brand, created in Figma and optimized for Klaviyo. Focused on clarity, conversion, and mobile-first layout.

Newsletter & Stories Design
Newsletter & Stories Design
DRIFT LAYER | Email Newsletter Design| KLAVIYO
DRIFT LAYER | Email Newsletter Design| KLAVIYO
PART 01  | SAMES | Logo & Visual Identity
PART 01 | SAMES | Logo & Visual Identity
Email Design Enhancement Project
Email Design Enhancement Project

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc