My role: Web Designer

Designed a premium eCommerce homepage for Geraldine Garcia’s “Serena” collection. The layout showcases featured products, a Spring Bridal Edit, and storytelling blocks about handmade quality and materials. Integrated a “Shop the Feed” social section and a discount banner to boost engagement and conversions. The design is elegant, mobile-optimized, and aligned with the brand’s luxury aesthetic, balancing visual appeal with a seamless shopping experience for fashion-conscious buyers.

Web Design Adobe XD Figma Shopify WordPress e-Commerce

Role: UI/UX Designer & Shopify Developer Website: https://geraldinegarcia.net/

Geraldine Garcia is a luxury fashion label celebrated for its handmade garments and romantic silhouettes. I was tasked with designing and developing a fully responsive Shopify website that brings the elegance of the brand to life online. The goal was to merge editorial aesthetics with a streamlined eCommerce experience that drives conversions and reflects the craftsmanship behind each collection.

Design a high-end, visually immersive Shopify site for a fashion-forward audience Communicate the brand's artisanal values through thoughtful storytelling Create a smooth product browsing and shopping experience across all devices Incorporate marketing tools like discounts, social proof, and influencer integration Optimize structure and performance for SEO and conversions

Developed a bold hero banner for the new “Serena” collection

Designed Featured Products and Product Listing Pages (PLPs) for quick navigation and mobile-friendly browsing

Crafted a dedicated Bridal Edit landing section to promote seasonal collections with elegance

Built narrative blocks for Our Story, Handmade Process, and Materials to convey brand values and build trust

Integrated a Shop The Feed section with Instagram-style images for lifestyle engagement

Created high-contrast Promo Banner with a 15% discount CTA for new users

Designed a clean, minimal Footer with social links, newsletter, and policies

Built the site on Shopify using Liquid, HTML, CSS, and JavaScript

Integrated dynamic product filtering and variant selectors

Added custom layout templates for future collections and edits

Ensured lazy loading, image compression, and minified scripts for performance

Developed an adaptable CMS backend so the client can update banners, collections, and campaigns easily

Feature

Description

Mega Navigation Menu

Category-rich mega menu designed for beauty-specific filtering and discoverability

Dynamic Swatch Integration

On-hover swatches and real-skin tone previews across product cards

Influencer Integration

Custom section to feature collabs, reviews, and content creators dynamically

Product Quick View

Enabled faster conversion flow for mobile shoppers

Scalable Promo Engine

Built-in flexibility for flash sales, banners, timers, and offer announcements

Mobile Optimization

Delivered 90+ Lighthouse performance score and full PWA compatibility

📱 Responsive Design: Delivered a seamless mobile experience with fast load times 🛍️ Improved Shopping Flow: Clear CTAs and hierarchy led to faster navigation and browsing 🎯 Increased Engagement: Instagram feed and storytelling boosted user time-on-site 🧵 Brand Alignment: Design accurately reflected the romantic, hand-crafted essence of the brand

📸 Visual Showcase (insert screenshots or portfolio images)

Homepage + Hero Section Bridal Edit Section Our Story, Hand Made, Materials Blocks Featured Product Listings + PDP Shop The Feed / Instagram Gallery Cart & Checkout UI

💬 Client Feedback "The full site captures everything we wanted, elegant, editorial, yet easy to use. It tells our story in a way that connects emotionally with our customers while making it easy to shop." — Geraldine Garcia Team