Side UI Landing Projects
OVERVIEW
In this section, I showcase a collection of high-performing landing pages I designed for a variety of industries—including e-commerce, health tech, real estate, and more. These landing pages were created to support digital advertising campaigns, often under tight deadlines and with limited input from clients regarding user behavior or value propositions.
ROLE
UI Design - Visual Design
web design, ui design, visual design
2018 - 2023
Case Study 1 : Increasing Sales for a Jeans Collection
1. Project Overview
A fashion retailer launched a new line of premium stretch-fit jeans aimed at young genZ. The goal was to drive conversions through Meta and Google ad campaigns targeting users aged 22–35. I was brought in to design a high-converting landing page that would capture attention quickly, communicate product value, and drive purchases.
2. The Challenge
The client’s original landing page used generic fashion imagery and had minimal product storytelling. Key issues included:
Lack of focus on product USP (fit, flexibility, fabric quality)
Weak call-to-action placement
No sizing guide or trust signals, causing drop-off before purchase
Inconsistent visuals that didn’t align with ad creatives
3. My Approach
Audience-first layout: I redesigned the hero section to mirror the ad's tone: bold, stylish, and performance-focused. I used model photos showing fit in real-life use.
Emphasized USPs: I added a visual block explaining key product features—stretch fabric, breathability, and tailoring—each with micro-interactions.
Conversion tools: Integrated a size guide pop-up, customer reviews slider, and a sticky “Buy Now” button for mobile users.
Visual cohesion: Maintained a consistent aesthetic with ad campaigns—cool color palette, serif + sans typography for a modern-premium feel.
After launch, we tracked performance for 2 weeks:
Conversion rate increased by 42% (from 1.9% to 2.7%)
Time on page went from 35 seconds to 1 min 20 sec
Cart abandonment decreased by 18% due to added trust elements and size clarity
4. The Results
Case Study 2 : Boosting Back-to-School Sales for a Kids' Backpack
1. Project Overview
A client was preparing for a back-to-school campaign featuring a new line of backpacks designed for girls aged 6–10. Their goal was to increase online orders through paid social ads targeting parents—primarily moms aged 28–40. I was tasked with designing a landing page that could convert efficiently and reflect the product’s playful yet durable qualities.
2. The Challenge
The original product pages looked like generic catalog listings, not campaign-driven landing pages. I identified several core issues:
Lack of emotional appeal for parents or visual charm for kids
No clear highlights of features (durability, comfort, safety)
Overly text-heavy layout that lacked visual hierarchy
Poor mobile experience with long scrolls and no persistent CTAs
3. My Approach
- Story-driven hero section: I opened with a cheerful lifestyle image of a girl wearing the backpack on her first day of school, overlaid with a warm, reassuring headline for parents.
- Feature-focused visuals: Broke down the backpack’s selling points into illustrated cards—lightweight build, water-resistant material, ergonomic straps, and safety reflectors.
- Interactive demo: Added a zoomable 3D image viewer where parents could explore the backpack’s compartments and capacity.
- Social proof & urgency: Included parent testimonials, a "Loved by 1,200+ moms" tag, and a limited-time back-to-school discount countdown.
- Mobile-first tweaks: Used a sticky CTA button and compressed product sections for smoother mobile navigation.
After launch, we tracked performance for 2 weeks:
Conversion rate increased by 42% (from 1.9% to 2.7%)
Time on page went from 35 seconds to 1 min 20 sec
Cart abandonment decreased by 18% due to added trust elements and size clarity
4. The Results
The key challenge was to design landing pages that convert, even when the client's understanding of their audience or messaging was vague. My role involved more than just UI—I had to extract key selling points, simplify user flows, and structure content to guide users toward a specific action (like sign-ups, purchases, or consultations).
Each landing page was tailored to its audience, with strategic use of UX patterns, persuasive copy, trust-building elements, and responsive design for both desktop and mobile. This section highlights both the visual design and the thought process behind them.