pro
Gaby Castellanos | Webflow Landing Page
1
0
MUUOK is a Swiss-formulated skincare brand focused on hyperpigmentation, uneven skin tone, and skin-barrier repair. The goal was to create a premium e-commerce experience that communicated the quality of the products while remaining clear, intuitive, and easy to shop.
I led the project from design to development. I began by creating detailed mockups that established the website’s visual direction, page structure, typography, spacing, product storytelling, and overall shopping experience. Once the design was finalized, I developed the website in Framer and translated the static concepts into a polished, responsive experience across desktop, tablet, and mobile.
To add full e-commerce functionality, I integrated Frameship to connect the Framer front end with Shopify. This allowed MUUOK to manage its products and commerce operations through Shopify while maintaining the creative freedom and custom visual experience of Framer. The integration covered product and collection content, product details, cart interactions, and the path to Shopify checkout.
The final result is a refined, brand-led storefront that combines Framer’s design flexibility with Shopify’s reliable e-commerce infrastructure. It gives customers an engaging way to explore MUUOK’s products while providing the brand with a practical and scalable system for managing its online store.
1
57
Something simple but efficient. Mobile PDP rebuild for a Shopify apparel brand:
What was wrong with the original:
1. Images stacked vertically, eating mobile real estate
3 lifestyle shots stacked on top of each other forced buyers to scroll 4+ times before reaching the buy section. Mobile attention dies fast.
2. Title in all caps, hard to scan
"I'M NOT ARGUING - I'M HER LUX TEE (BLACK)" on one line in caps. Caps look loud but read slower. Buyers skim, they don't decode.
3. Description wall before the buy decision
5 paragraphs of brand voice — "This tee doesn't ask for attention," "Design Message," "Why? Because I'M HER." — placed between the price and the size selector. Cold buyers stopped reading.
4. Size buttons cramped, no visual hierarchy
Size options shown as plain rectangles with no spacing logic. Felt secondary.
5. Add to Cart was an outlined button
Looked passive. The "Buy with Shop" button below it was more prominent than the primary CTA.
6. Reviews buried
5 reviews shown only as stars near the top. The actual review text was nowhere to be found on mobile.
7. No trust signals near the buy decision
No shipping. No returns. No security. Buyers had to scroll the footer to find any reassurance.
What we shipped:
– Rebuilt the image gallery into a horizontal carousel with thumbnails (less scroll, more product)
– Restructured the title into proper case for faster scanning
– Moved the description into a clean bullet block: Fit, Fabric, Feel, Message
– Surfaced reviews directly on the PDP with a real customer quote + name + verified badge
– Redesigned size selector with clear spacing and proper touch targets
– Made Add to Cart the dominant CTA (solid black, full width)
– Kept Shop Pay button as a clear secondary option
– Added a horizontal trust row right under the buy section: Free Shipping Over $75, 30-Day Easy Returns, Secure Checkout
– Built a "Why Choose Us" section to handle objections before the buyer leaves
Sometimes a PDP doesn't need a redesign. It needs the same content, restructured for how buyers actually scan on mobile.
Is your Shopify PDP built for the way buyers read, or just the way you wrote it?
DM if your mobile PDP needs a sharper layout.
1
162
Most personal brand sites are just digital business cards.
This one runs itself.
I built a Webflow site and a custom CMS for Gaby Castellanos. Marketing strategist, creative force, and by her own positioning, the Queen.
The brief: a site as bold as she is, that she can fully manage herself without touching code or calling a developer.
The design had to earn attention. Oversized typography. A black canvas with one sharp red accent. Hand-drawn annotations instead of stock photos. Every section built to feel like her, not a template.
The achievements section isn't a list. It's a scroll-animated timeline where each milestone checks itself off as you move down the page. Storytelling with motion built in.
Then the part that actually matters long term: a custom CMS.
Her events calendar, organized by month with dates and links.
Her projects and products, each with a clean card and its own detail view.
Her solutions, opening into smooth horizontal case panels.
She adds an event, it appears. She launches a product, it goes live. No developer in the loop.
Most personal sites look good on launch day and go stale a month later.
This one was built to stay alive.
If you want a website built to convert and easy to run, reach me out.
2
126