A self-initiated homepage hero redesign concept for Live Free Tallow, created to demonstrate how stronger visual hierarchy and clearer messaging can improve the mobile shopping experience.

The original hero had a compelling product, but the copy competed with the imagery, the product lacked visual prominence, and the next action wasn’t immediately clear.

For the redesign, I focused on:

• A sharper product-in-use lifestyle visual • A clear, benefit-led headline • Scannable product differentiators • Improved spacing and visual hierarchy • Social proof positioned near the CTA • A prominent, action-focused shopping button • Keeping the product and CTA visible above the fold

The result is a cleaner and more premium hero section that helps visitors quickly understand what the product is, why it is different, and where to go next.

I design and build conversion-focused Shopify landing pages, product pages and homepage sections for DTC brands.

Need help improving your store’s customer journey? Let’s work together.

Putting the proof next to the CTA is the right call on mobile. Did you check how much of the hero fits above the fold on a 390px-wide screen once the browser bar is counted? That's usually where the review stars get pushed out.

Building a Modern Restaurant Management Dashboard with Lovable (Light ☀️ vs. Dark 🌙)

I’ve been working on the dashboard interface for ReserveTable (Eat Pro Japan), focusing on giving restaurant managers and users a clean, modern, and intuitive interface to manage bookings, tables, and analytics.

Using Lovable, I was able to rapidly prototype and construct a modern UI system complete with smooth component transitions and native theme switching.

✨ Key Design & Tech Highlights:

⚡ Built with Lovable: Leveraged AI-powered design-to-code workflows to assemble clean component hierarchies, responsive search/filter bars, and sleek cards rapidly.

🌗 Seamless Light & Dark Mode: Designed a flexible color system using modern CSS variables / Tailwind tokens so the entire interface gracefully shifts between an elegant light aesthetic and a moody, dark dining ambience.

🎯 Contextual UI Elements: Styled input controls, select menus, and primary CTA buttons to maintain legibility and contrast across both light and dark themes.

For reservation and table states, the same semantic color tokens need to stay clear in light and dark mode. Did you define status tokens once and map both themes to them, or tune those colors per component?