The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
A storefront can have strong products and content while still feeling difficult to navigate.
This project focused on refining DropSet's Shopify header and navigation to create a clearer, more consistent browsing experience across desktop and mobile.
What I improved
• Header layout and presentation
• Navigation hierarchy
• Menu organization
• Mega-menu structure
• Spacing and alignment
• Desktop navigation behavior
• Mobile navigation behavior
• Responsive consistency
• Supporting storefront styling
Approach
Rather than replacing the existing theme, I identified the specific navigation and layout issues and made targeted improvements within the Shopify storefront.
Result
A cleaner navigation system that helps customers understand the storefront structure and move between important products, collections, and information more easily.
Completed for DropSet, my independently operated Shopify e-commerce brand.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Oasis — Padel & Tennis Booking Platform
Oasis is a court booking platform for padel and tennis clubs — members can select a court, check availability, and confirm payment in one streamlined flow. I designed the booking interface, built directly over real club photography.
Rather than placing the booking form on a neutral background, I anchored it directly over a full-bleed, golden-hour photograph of the real court. Before a user even looks at a date picker, they’ve already felt the atmosphere — that emotional context does more for conversion than any copy could.
The booking card itself stays intentionally minimal: court name, availability, surface type, date, duration, and price, in that order. No unnecessary steps between deciding and confirming. I used a distinct chartreuse accent — a departure from the green typically associated with sports apps — to carry through the primary CTA and a first-time-visitor promo card, giving the whole flow a bit of warmth and personality without slowing anything down.
Creative: Midjourney
Video: Flux
Animation: jitter
Woww I love the video in the back!! 😍
🎁 Just shipped: BoxCraft a custom gift box configurator for Shopify
Built this to solve a problem most static bundle products don't handle well letting customers actually build their own box instead of picking from a fixed set.
How it works:
→ Customers select items within a set slot limit (e.g. "choose any 5")
→ Live price and slot counter update in real time as they pick
→ Checkout stays locked until the slot requirement is met
→ Selected items bundle into the cart via Shopify's Cart AJAX API no page reloads, no third-party bundling app needed
Built entirely with Liquid + JavaScript on the Shopify side.
If you're running a gift sets, curated bundles, or subscription-style product line and want something more interactive than a standard variant picker this is exactly the kind of custom logic I build.
Creative work
Agentic AI Order-to-Cash Pipeline for E-Commerce
An end-to-end intelligent automation architecture designed to bridge e-commerce sales, payment processing, cognitive AI data enrichment, automated bookkeeping, and team notifications. This workflow transforms rigid, manual financial operations into a self-managing, responsive pipeline.
Trigger (Shopify): Captures incoming e-commerce orders instantly upon successful customer payment.
Data Enrichment (Stripe): Retrieves detailed payment gateway metadata, customer risk scores, and transaction status for enhanced security validation.
AI Reasoning Engine (OpenAI): Acts as the cognitive core to analyze unstructured order data, dynamically categorize products into appropriate accounting ledger codes, and flag anomalies.
Financial Settlement (Xero): Automatically provisions customer profiles and generates structured sales invoices within the accounting platform.
Operational Loop (Slack): Dispatches real-time, context-rich notifications and alerts directly to internal finance and operations channels.
'Prompt configuration hidden for client confidentiality
Amazing work