Project
Overview
For this project, I designed a seasonal marketing email and promotional graphic for a mug store specializing in sublimation printing. The goal was to create a visually engaging campaign that encourages customers to explore standard and custom-printed mugs during the Spring Sale.
Product
Promotional Email
Skills
Figma
Wireframing
Prototyping
Typography
Photo Editing
I began with wireframing the idea in order to get a mockup of UI placement, visual hierarchy and possible color shading.
Key Notes:
-
Email Design & Layout: Improved readability, hierarchy, and CTA placement and visibility for better engagement.
-
Focused on clean information architecture, modular layout, and visual hierarchy for ease of navigation.
​
-
Mobile-first layout designed to accommodate one-thumb usage and vertical scroll.
​
-
Hierarchical structure: from branding → messaging → engagement → content exploration → footer.
​
-
Clear affordance on interactive elements (button and icons).
1
Wireframe
.png)
.png)
.png)
​​
-
Strong brand identity up top with the "Ceramic Canvas" logo embedded in the hero image.
​
-
Bold “Spring Sale” message with a supporting subheadline to hook readers.
​
-
Promo code (SPRING2025) is clearly highlighted for easy copy/paste or reference.
​
-
Each mug includes an image, title, and price, making it easy for users to decide at a glance.
​
-
CTA button "Shop Mugs" stands out with a soft gradient and clear hierarchy.
​
-
Balanced white space ensures readability and scannability on mobile devices.
​
-
Secondary CTA "Get started" for customization flows.
​
-
Branded sign-off message that builds community and loyalty.
​
-
Clear unsubscribe link for compliance and user trust.​
Hi-Fidelity
2
​
-
Prototype is interactive and mimics actual email scroll behavior.
​
-
Mobile-first layout designed to accommodate one-thumb usage and vertical scroll.
​
-
Preview-ready for client/stakeholder reviews before development.
​
-
Clear affordance on interactive elements (button and icons).
3
Mobile Prototype
Key Takeaways
4
-
How to structure a compelling case study using clear visual hierarchy and section headings for improved readability.
-
The importance of embedding interactive prototypes to enhance user engagement and showcase design functionality.
-
Best practices in responsive design, ensuring a seamless experience across devices, especially mobile-first layouts.
-
Using brand-aligned visual elements (like color palettes, emojis, and typography) to maintain consistency and strengthen brand identity.
-
How to enhance UX storytelling with visuals like mockups, process shots, and contextual images.
-
Balancing minimalism with engagement by introducing quotes, prototype buttons, and light visual flair to keep users interested.