Portfolio
Project 1: Aretha Natural Beauty
Role: E-commerce Systems & Marketing Automation Specialist (Agency-led)
Overview
A high-end beauty and skincare e-commerce platform where I focused on optimizing the
conversion funnel and automating customer engagement to maximize revenue.
● Website URL: https://arethanaturalbeauty.com/
● Tech Stack: Shopify, Klaviyo (Email Marketing), Zipchat AI (Sales Assistant)
Key Contributions
● AI Integration (Zipchat): Implemented and configured Zipchat AI to act as a 24/7
intelligent sales assistant, helping customers find products based on their specific
skin needs and increasing site engagement.
● Marketing Automation: Engineered targeted email campaigns and automated flows
using Klaviyo to deliver personalized deals and offers, directly contributing to
customer retention.
● Revenue Optimization: Set up complex automatic discount structures within Shopify
to streamline promotions and reduce cart abandonment.
● Front-end Merchandising: Customized layout elements and landing page banners
to ensure a cohesive visual journey that highlights current promotional offers.
● Agency Management: Successfully managed technical deliverables and client
expectations within an agency environment.
The Result
The implementation of AI-driven search and automated marketing flows resulted in a
significant increase in total store revenue and a more personalized shopping experience
for the end-user.
Project 2: Dara
Role: E-commerce Growth & Merchandising Specialist
Overview
A premium wine, spirits, and lifestyle platform in Jordan. My work focused on increasing the
average transaction value and building a robust lead-generation system through targeted
marketing assets.
● Website URL: https://dara.jo/
● Tech Stack: Shopify, Klaviyo, Boxi (Bundle Management)
Key Contributions
● Bundle Strategy (Boxi): Configured and launched curated product bundles using
the Boxi app to encourage bulk purchases and increase the store's Average Order
Value (AOV).
● Lead Generation & Retention: Designed and deployed high-converting newsletter
popups and automated email campaigns via Klaviyo, utilizing strategic offers to grow
the subscriber base.
● Discount Architecture: Developed and managed promotional discount codes tied
specifically to marketing campaigns, ensuring seamless application at checkout.
● Visual Merchandising: Designed and implemented high-impact promotional
banners on the landing page to guide users toward current deals and featured
bundles.
The Result
The combination of attractive bundling and aggressive email marketing significantly boosted
the site's sales performance and improved the customer acquisition rate.
Project 3: United Kakooli Co.
Role: Full-Stack E-commerce Developer & Lead Automation Engineer (Agency-led)
Overview
A comprehensive digital transformation for the GCC’s premier textile leader (est. 1946). This
project involved modernizing a historic heritage brand into a high-performance, bilingual
e-commerce ecosystem.
● Website URL: https://www.unitedkakooli.com/
● Tech Stack: Shopify (RTL/LTR), Klaviyo, Growave, Boxi, Figma
Key Contributions
● Figma-to-Shopify Development: Developed the entire site UI from scratch based
on provided Figma designs, ensuring a pixel-perfect, responsive experience fully
optimized for RTL (Right-to-Left) languages.
● Content Protection & Privacy: At the client's request to protect proprietary assets, I
implemented custom code to disable browser developer tools and "Inspect
Element" functionality. This ensures the privacy of the brand's exclusive product
imagery.
● Bilingual Automation Logic: Engineered a dynamic, dual-language email system in
Klaviyo where users can toggle their language preference (Arabic/English) via the
footer, which automatically updates their customer profile for all future flows.
● Loyalty & Retention (Growave): Integrated and configured the Growave platform to
manage loyalty points and rewards, building long-term customer retention.
● Bundle Engineering (Boxi): Built "Mix & Match" gift bundles for luxury fabrics,
streamlining the shopping experience and increasing Average Order Value (AOV).
The Result
Successfully transitioned a legacy brand into a secure, modern market leader with a robust
technical foundation that protects brand assets while driving multi-region growth.
Project 4: Emit Performance
Role: Lead Full-Stack Developer & Systems Architect (Agency-led)
Overview
A high-performance automotive e-commerce platform specializing in elite performance parts.
This project required a custom-designed user interface and a complex back-end system to
handle large-scale data synchronization and real-time product updates.
● Website URL: https://emitperformance.com/
● Tech Stack: Shopify, Figma, Mechanic (Automation), Turn14 (Supplier API), Shopify
Email, Bucks (Currency Switcher)
Key Contributions
● End-to-End Design & Development: Led the entire lifecycle of the store by first
creating high-fidelity designs in Figma and then performing the full Shopify
development to transform those designs into a pixel-perfect, high-performance
storefront.
● Automated Data Management (Mechanic): Engineered a sophisticated automation
using the Mechanic app to update product metafields (Year, Make, Model) every
week. This system syncs data directly from a Google Sheet, ensuring the
automotive catalog remains accurate without manual entry.
● Supply Chain Integration: Managed a daily automated product feed from Turn14, a
major automotive parts distributor, to keep inventory and product listings
synchronized with the latest availability.
● Localization & Global Sales: Integrated the Bucks app to automatically detect a
visitor's location via IP address and switch the store's currency accordingly, providing
a localized shopping experience for international customers.
● Retention Marketing: Orchestrated monthly email marketing campaigns using the
Shopify Email app to drive repeat traffic and announce new performance product
drops.
The Result
Successfully launched a highly technical, automated e-commerce engine that handles
complex automotive data with ease, providing a seamless and professional experience for
performance enthusiasts worldwide.
Project 5: Blando Store
Role: E-commerce Front-End Developer & UI Specialist (Agency-led)
Overview
A minimalist fashion and lifestyle destination focusing on high-end visual merchandising and
curated brand storytelling.
● Website URL: https://blandostore.com/
● Tech Stack: Shopify (RTL)
Key Contributions
● Custom Homepage Architecture: Re-engineered the homepage layout by
developing and integrating custom sections to improve user journey and collection
highlights.
● Brand-Specific Experience: Designed and built comprehensive dedicated inner
pages for anchor brands Butter, Uni, and Eddy, creating unique sub-environments
within the main store.
● RTL Precision: Fully optimized the interface for Right-to-Left (RTL) standards,
ensuring that the minimalist design remained balanced and professional for
Arabic-speaking users.
● Enhanced Visual Flow: Prioritized a clean, gallery-led UI to highlight product
aesthetics, aligning the digital experience with the brand’s premium physical
presence.
Project 6: Earth To Body
Role: Full-Stack Custom Shopify Developer (Agency-led)
Overview
A premier Australian wellness and fitness brand. The challenge was to transform a
high-energy design into a performance-driven Shopify store that offers the client maximum
administrative flexibility.
● Website URL: https://earthtobody.com.au/
● Tech Stack: Shopify (Custom Theme), Liquid, Advanced Schema, CSS/JS
Key Contributions
● Custom Theme Engineering: Developed a fully bespoke Shopify theme from the
ground up, translating the provided web designs into a high-performance storefront
without the bloat of pre-made templates.
● Dynamic Merchant Customization: Engineered advanced theme settings that allow
the client to autonomously manage their visual identity. This includes custom-coded
controls for font-family, font-size, and global color palettes directly within the
Shopify customizer.
● Mobile-First Fitness Interface: Optimized the "Join the Tribe" and "Running
Program" layouts for a mobile-first audience, ensuring fast load times and a gritty,
high-energy aesthetic that matches the brand’s "Welcome to the Jungle" theme.
● Bespoke Web Development: Handled the end-to-end technical journey from raw
web design to a fully functional e-commerce ecosystem, ensuring pixel-perfect
alignment with the original creative vision.
Project 7: Elevenish
Role: Lead Full-Stack Developer & App Architect (Agency-led)
Overview
A premier luxury marketplace for emerging GCC designers. This complex project involved a
platform migration and a multi-channel launch across web and mobile.
● Website URL: https://www.elevenish.com/
● Tech Stack: Shopify, Shopney (Native iOS/Android), Zoho Inventory, Track123,
Bucks Currency, Wishlist Plus
Key Contributions
● Strategic Migration: Spearheaded the technical transition from WordPress to
Shopify, ensuring the seamless transfer of extensive product catalogs and customer
data without loss of SEO integrity.
● Figma-to-Store Development: Translated high-fidelity Figma designs into a
bespoke, high-performance Shopify storefront tailored for the luxury Middle Eastern
market.
● Omnichannel App Launch: Designed and deployed native mobile applications via
Shopney, managing the entire lifecycle from design configuration to live store
publication.
● Backend Synchronization: Integrated Zoho Inventory to centralize stock
management across the web and mobile platforms, supporting a complex
multi-vendor operational model.
● Global Commerce Optimization: Configured Track123 for post-purchase
transparency and Bucks for automated local currency detection to drive international
sales.
Project 8: Malmberg Aviation
Role: Senior WordPress Developer & UI/UX Specialist (Agency-led)
Overview
A sophisticated corporate platform for a global leader in private aircraft brokerage. The
project required a high-performance, visually commanding interface that reflects the
precision and exclusivity of the private aviation industry.
● Website URL: https://malmbergaviation.com/
● Tech Stack: WordPress, Elementor Pro
Key Contributions
● Bespoke Elementor Engineering: Developed a pixel-perfect, custom WordPress
site from scratch using Elementor Pro, ensuring a unique luxury brand experience
that avoids the look of generic templates.
● High-End Visual Merchandising: Built a structured, specifications-heavy catalog for
private aircraft. I designed the layouts to highlight technical data, cabin
configurations, and high-resolution galleries for multi-million dollar assets.
● Lead Acquisition Architecture: Integrated strategic lead capture systems designed
for high-net-worth clients, focusing on discretion and ease of contact for "off-market"
and "unadvertised" transactions.
● Corporate Brand Storytelling: Crafted a professional digital presence for their
global offices (London, Hong Kong, Dubai), ensuring the site feels local yet
authoritative across all international markets.
● Performance Optimization: Focused on high-speed delivery and a responsive UI
that maintains its premium feel on everything from mobile devices to large-scale
office displays.
Project 9: Rose Thorn
Role: Senior Front-End Shopify Developer (Agency-led)
Overview
A luxury acupressure jewelry brand requiring a transition from restrictive third-party page
builders to a native, pixel-perfect Shopify environment.
● Website URL: https://rose-thorn.com/
● Tech Stack: Shopify (Liquid), CSS/JS, Figma-to-Store
Key Contributions
● Native Theme Refactoring: Replaced bloated page-builder apps with clean,
custom-coded Liquid sections, significantly improving site performance and
maintainability.
● Pixel-Perfect Implementation: Translated the client's provided designs into a
high-fidelity web experience, ensuring every element aligned perfectly with the
original Figma/design vision.
● Bespoke Landing Pages: Custom-built the high-converting homepage and the
specialized "Zero Negative Foundation" collection page to support unique brand
storytelling and campaign launches.
● Minimalist UI/UX: Developed a sleek, monochromatic interface that highlights the
intricate details of the jewelry while maintaining a professional, high-fashion
aesthetic.
Project 10: NeueHome
Role: Senior UI Designer (Agency-led)
Overview
A minimalist, editorial-style digital gallery for a UK-based vintage furniture and object-hire
brand. This project required a "hush luxury" interface that functions as both a prestigious
archive and an active commerce platform.
● Website URL: https://neuehome.co.uk/
● Platform: WordPress + Elementor
Key Contributions
● Pixel-Perfect Implementation: Translated high-fidelity Figma designs into a live
WordPress environment using Elementor, ensuring absolute alignment with the
client's strict visual guidelines regarding white space and typography.
● Editorial Product Presentation: Designed a clean "Objects Archive" layout that
treats individual furniture pieces as pieces of art, utilizing large-scale imagery and a
minimalist grid.
● Hybrid Business UI: Crafted the interface to clearly distinguish between "For Sale"
and "For Hire" items, allowing the high-end inventory to remain organized and easily
browsable for interior designers.
● Responsive Luxury Branding: Ensured the sophisticated, serif-heavy brand identity
remained legible and visually commanding on mobile devices, maintaining a "digital
magazine" feel across all screens.
Project 11: Lucky You
Role: Senior Shopify Storefront Architect (Agency-led)
Overview
A vibrant, high-end lifestyle and apparel storefront based in the UAE. The project required a
rapid, high-fidelity launch using a premium Shopify theme, meticulously configured to match
a bespoke Figma design without custom code overhead.
● Website URL: https://luckyyou.ae/
● Tech Stack: Shopify (Premium Theme Architecture)
Key Contributions
● Strategic Theme Configuration: Architected the full storefront using a premium
Shopify theme, ensuring a pixel-perfect match to the client’s Figma designs through
advanced native customization.
● Full-Cycle Store Development: Built out the entire site architecture, including
complex inner pages, lifestyle-driven collections, and detailed product catalogs for
clothing and accessories.
● Regional Optimization: Tailored the shopping experience for the UAE market,
including configuring delivery thresholds (e.g., "Free delivery over 1,000 AED") and
ensuring high-speed performance for local users.
● Visual Storytelling Integration: Implemented a mobile-first UI that prioritizes
large-scale, high-quality imagery and clean typography to reflect the brand's
"Effortless charm" identity.
● Collection & Navigation Logic: Developed an intuitive header and category system
that allows customers to seamlessly browse diverse categories from footwear to
skincare.
Project 12: Laundry Lounge
Role: Senior UI/UX Designer (Agency-led)
Overview
A luxury service platform for the UAE's premier self-operated laundry. This project required a
high-end "Lifestyle" aesthetic for a utility service, ensuring the brand felt premium,
trustworthy, and technologically advanced.
● Website URL: https://www.laundryloungelux.com/
● Platform: WordPress + Elementor
● Specialization: Full RTL (Arabic) Design Implementation
Key Contributions
● Multilingual Design Excellence: Executed a pixel-perfect design in both English
and Arabic. I managed the complex RTL (Right-to-Left) mirroring in Elementor,
ensuring that logical flows, iconography, and text alignments felt native to Arabic
speakers.
● High-Conversion Hero Sections: Designed the desktop hero layout featuring a
"Schedule Your Pickup" widget integrated directly into the visual hierarchy, facilitating
immediate user action.
● Mobile-First RTL Optimization: Developed a seamless mobile experience where
the navigation and booking modules are perfectly optimized for thumb-reach and
right-to-left readability.
● Visual Identity & Branding: Utilized a sophisticated dark theme with high-contrast
typography and lifestyle imagery to elevate the "laundry" concept into a "luxury
lounge" experience.
● Interactive Scheduling UI: Created a clean, card-based interface for time-slot
selection (Early Slot vs. Last Slot), making the booking process intuitive across all
devices.
Project 13: Good Huis Co
Role: Senior Shopify Developer (Agency-led / Ongoing)
Overview
Technical optimization and architectural scaling for a premium Australian homewares brand.
Working within an agency framework, I am responsible for evolving the store’s backend to
handle high-value furniture data while maintaining a minimalist aesthetic.
● Website URL: https://www.goodhuisco.com.au/
● Tech Stack: Shopify (Liquid, Metafields, Custom Page Architecture)
Key Contributions
● Dynamic Data Architecture: Engineered the product pages to pull essential
variables like Lead Times, Showroom Locations, and Stock Status dynamically
from Shopify Metafields.
● Bespoke Product Care Dashboard: Developed a custom "Chrome & Metal
Product Care" interface, utilizing tabbed navigation to provide customers with
material-specific maintenance instructions.
● Optimized Product Detail Pages (PDP): Refined the UI to integrate Afterpay and
custom accordion drawers for technical specifications and delivery terms, ensuring a
clean and scannable purchase path.
● Regional Marquee & UX Refinements: Implemented global site elements including
a scrolling ticker for lead-time transparency and advanced brand filtering in the
navigation.
Project 14: Oscar Kraye
Role: Senior Shopify Developer (Agency-led)
Overview
A high-end digital flagship for a luxury leather goods brand. The project required a premium
storefront that emphasizes artisanal craftsmanship through minimalist design and
high-impact visual storytelling.
● Website URL: https://oscarkraye.com/
● Tech Stack: Shopify (Premium Theme + Custom Liquid/CSS)
Key Contributions
● High-Fidelity Storefront Development: Built the entire storefront using a premium
Shopify theme as a base, ensuring a seamless translation of the provided Figma
designs.
● Strategic Code Customization: Performed targeted Liquid and CSS injections to
achieve specific design nuances that were not possible within the standard theme
settings, ensuring a unique "bespoke" feel.
● Mobile-First Luxury Experience: Optimized the "Hatch Bag" campaign and
category pages for mobile, maintaining the brand’s high-end feel while ensuring fast,
responsive interactions.
● International Readiness: Integrated localized elements, such as currency selectors
(INR/Global), to cater to an international luxury demographic.
● Visual Architecture: Configured a minimalist header and overlay navigation that
keeps the focus entirely on the product photography and brand messaging.
Project 15: Sarah Abbas
Role: Senior UI/UX Developer (Agency-led)
Overview
A digital atelier for an Amman-based luxury womenswear brand specializing in artisanal
beadwork and timeless couture. My contribution focused on the technical and visual
execution of the SS25 Couture launch and the brand’s core storytelling pages.
● Website URL: https://sarahabbas.com/pages/lookbook
● Tech Stack: Shopify (Liquid, Premium Theme Architecture)
Key Contributions
● Lookbook & SS25 Couture Architecture: Engineered the high-fidelity Lookbook
page and campaign landing zones, ensuring the "Sculpted Bloom" narrative
remained visually dominant across all resolutions.
● Editorial Mobile Optimization: Perfectly translated the expansive, image-heavy
desktop layout into a seamless mobile experience, maintaining brand elegance
without compromising load speeds.
● Luxury Feature Integration: Implemented localized elements including a currency
switcher (USD/Global) and a persistent WhatsApp concierge button to facilitate
high-end client inquiries.
● Dynamic Hero Sections: Developed the minimalist "Sculpted Bloom" header with
clean typography and transparent navigation, allowing the campaign cinematography
to take center stage.
● Figma-to-Liquid Precision: Collaborated within the agency to execute a
pixel-perfect build that honors the brand's minimalist aesthetic and "Slow Fashion"
philosophy.
Project 16: Hello Cecelia
Role: Senior Shopify Developer (Agency-led)
Overview
A high-energy digital transformation for a curated children’s fashion boutique. Working within
an agency environment, I was responsible for taking a high-fidelity Figma concept and
engineering it into a high-performance, fully operational Shopify store.
● Website URL: https://hellocecelia.com/
● Tech Stack: Shopify (Premium Theme Architecture)
Key Contributions
● Agency Design Translation: Managed the end-to-end conversion of a pixel-perfect
Figma design into a functional Shopify theme, ensuring all brand-specific nuances
were maintained.
● Full Storefront Engineering: Built out the entire site infrastructure, from the vibrant
"Bold & Playful" hero sections to the complex multi-brand collection pages.
● Responsive E-commerce UI: Developed a mobile-first interface featuring
high-contrast CTA buttons and a streamlined navigation menu to cater to the
fast-paced shopping habits of the target demographic.
● Multi-Brand Catalog Management: Configured a robust inventory and category
system to house various international labels, ensuring a cohesive brand experience
across the entire site.
● Conversion Optimization: Implemented "Shop the Sale" banners and seasonal
promotional logic to drive user engagement and increase average order value.
Project 17: Ayla Naturals
Role: Senior Shopify Developer (Agency-led)
Overview
A high-impact homepage reconstruction for a premium natural skincare and wellness brand.
The project focused on elevating the brand's first impression by blending scientific credibility
with an organic, approachable visual language.
● Website URL: https://www.aylanaturals.com/
● Tech Stack: Shopify (Premium Theme & Custom Liquid/CSS)
Key Contributions
● Homepage Architectural Overhaul: Successfully recreated the entire Shopify
homepage based on agency Figma designs, ensuring a smooth transition between
brand storytelling and commercial conversion zones.
● Conversion-Driven UI Components: Engineered the "Bestselling" product grid with
dynamic "Save" badges (e.g., Save ₹453.18) to provide immediate value
transparency to the customer.
● Optimized Mobile Entrance: Developed a "Discover Products" mobile hero overlay
that maintains high-resolution visual impact while ensuring ultra-fast load times for
mobile shoppers.
● Localized Global Commerce: Integrated a custom currency switcher and localized
pricing logic to support the brand's international expansion into the Indian and global
markets.
● Wellness-Focused Aesthetic: Implemented a clean, spacious layout using a
"Science-meets-Nature" palette, featuring custom typography and high-fidelity image
galleries.
Project 18: Ringilicious
Role: Senior Shopify Developer (Agency-led)
Overview
A sophisticated e-commerce platform for a Dubai-based luxury jewelry brand that uses its
voice to support breast cancer awareness. The project required a high-performance tech
stack to bridge the gap between artisanal 18K gold craftsmanship and a modern, global
shipping infrastructure.
● Website URL: https://ringilicious.ae/
● Tech Stack: Shopify, Klaviyo, Bucks (Currency), OTO (Tryoto) Shipping Gateway
Key Contributions
● Localized Logistics Integration: Engineered the OTO (Tryoto) Shipping Gateway
to connect the store with a vast network of MENA-based and international carriers
like Aramex and DHL, ensuring high-value gold jewelry is tracked and delivered with
precision.
● Automated Fulfillment Workflow: Configured the OTO dashboard to automate
label printing and real-time tracking updates, reducing operational friction for the
agency's client.
● Full Agency-Led Storefront: Transformed a bespoke Figma design into a full-scale
Shopify site, maintaining the delicate balance between high-end luxury branding and
social advocacy.
● Marketing & Conversion Stack: Integrated Klaviyo for automated email nurturing
and Bucks for multi-currency support, facilitating a frictionless journey for
international shoppers.
● Bespoke Product Architecture: Developed custom collections for signature "Chain
Rings" and "Pinky Rings," emphasizing the brand's unique 18K solid gold identity.
Project 19: Eva's Magical Wonders
Role: Senior Shopify Developer (Agency-led)
Overview
A transformative e-commerce experience for a brand dedicated to spiritual growth and
metaphysical tools. Working within an agency, I translated a high-fidelity, mystical Figma
design into a fully functional Shopify storefront that balances ethereal aesthetics with
high-performance retail logic.
● Website URL: https://evasmagickalwonders.com/
● Tech Stack: Shopify (Premium Theme Architecture + Custom Liquid)
Key Contributions
● Full Figma-to-Shopify Engineering: Executed a pixel-perfect build from agency
designs, ensuring the brand's "Magical" aesthetic remained consistent across all
device viewports.
● Atmospheric UI/UX Design: Implemented custom CSS and Liquid to create a
dark-mode, high-vibration visual style that reflects the brand's focus on crystals, tarot,
and spiritual enlightenment.
● Intuitive Metaphysical Catalog: Engineered a robust collection system allowing
users to easily navigate through various "Magical Wonders," ensuring a frictionless
discovery process for spiritual seekers.
● Responsive Storytelling: Developed a mobile-first layout that preserves the
intricate details of the brand's imagery, crucial for products like crystals and ritual
tools where visual clarity is paramount.
● Secure E-commerce Infrastructure: Configured a reliable Shopify checkout and
inventory system tailored to a niche lifestyle market, ensuring a safe and sacred
shopping experience.
Project 20: Medi Weight Loss (Australia)
Role: Senior UI Designer (Agency-led)
Overview
A professional UI design project for a leading Melbourne-based medical weight loss clinic.
My role focused on the full user interface architecture, creating a high-trust, clinical digital
environment within the WordPress/Avada Builder ecosystem to facilitate patient education
and consultation bookings.
● Website URL: https://mediweightloss.com.au/
● Platform: WordPress (Avada Builder)
● Focus: Full UI/UX Design & Layout Architecture
Key Contributions
● Full UI Architectural Design: Designed the complete visual interface, balancing a
"Medical-Professional" aesthetic with a welcoming, accessible user experience for
patients seeking weight loss solutions.
● Avada Builder Layout Engineering: Strategically mapped out the site structure
using the Avada Builder, ensuring the agency's development team had a
pixel-perfect, organized blueprint to follow.
● Service Hierarchy Visualization: Created a clear visual hierarchy for complex
medical categories, including pharmacological treatments, surgical options, and
dietary support, making high-level medical data easy to navigate.
● Trust-Centric Visual Language: Selected a palette and typography that emphasizes
clinical authority and empathy, critical for a clinic specializing in multidisciplinary,
doctor-led care.
● High-Conversion UX Flow: Designed strategic placement for the "Online Health
Evaluation" and consultation triggers, streamlining the patient’s path from information
gathering to professional medical contact.
Project 21: Maison Appret
Role: Senior Shopify Developer (Agency-led)
Overview
A luxury digital storefront for an Australian bespoke joinery and interior design house. This
project required a high-fidelity conversion from Figma to Shopify, blending the storytelling of
an architectural portfolio with the functionality of a premium e-commerce platform.
● Website URL: https://maisonappret.com.au/
● Tech Stack: Shopify (Custom Liquid & Premium Theme Architecture)
Key Contributions
● Bespoke Figma-to-Shopify Conversion: Translated a minimalist, high-fashion
architectural design into a fully functional Shopify store, ensuring the "Art of Living"
aesthetic remained uncompromised.
● Architectural Project Galleries: Engineered high-resolution, grid-based galleries to
showcase the brand's joinery work, focusing on "Visual Weight" and spacious layouts
that mirror luxury interior design.
● Hybrid E-commerce Logic: Developed a site structure that seamlessly integrates a
"Boutique" shopping experience (for hardware/lighting) with high-end service
inquiries for custom joinery projects.
● Refined Typography & Motion: Implemented custom Liquid and CSS to manage
sophisticated serif typography and smooth scroll transitions, enhancing the premium
feel of the user journey.
● Responsive Mobile Luxury: Optimized the expansive desktop layouts for mobile,
ensuring that the brand’s sense of "Space" and "Craft" translated perfectly to smaller
touchscreens.
Project 22: House of Hebeauty
Role: Senior UI Designer & Shopify Developer (Agency-led)
Overview
A high-end K-Beauty e-commerce destination specializing in premium skincare rituals. This
project was a significant technical challenge, requiring a full bespoke UI design in Figma
and a complex RTL (Right-to-Left) Shopify implementation to serve the Middle Eastern
market.
● Website URL: https://houseofhebeauty.com/
● Tech Stack: Shopify (Bespoke Liquid + RTL CSS architecture)
● Core Logic: Full UI/UX Design + Full-stack Storefront Development
Key Contributions
● Complete UI/UX Architecture: Designed the entire storefront in Figma, from landing
pages to product detail views, focusing on a "clean, luminous" aesthetic that mirrors
the K-Beauty philosophy.
● Complex RTL Engineering: Developed a specialized Shopify theme structure to
support Right-to-Left (Arabic) orientation, ensuring that layouts, navigation, and
typography remained pixel-perfect for regional users.
● K-Beauty Ritual Storytelling: Built a dynamic "Coming Soon" and "New Favorites"
hero section to manage product launches for major brands like la pianta and BAD
SKIN.
● Conversion-Optimized Features: Integrated a multi-language switcher
(English/Arabic), an AED currency converter, and a custom loyalty/wishlist
system to enhance high-ticket customer retention.
● Responsive Multi-Market Design: Optimized the sophisticated design for
mobile-first users in the UAE, ensuring smooth transitions and fast loading times for
high-resolution product imagery.
Project 23: Seren Jewelry
Role: Lead UI Designer & Shopify Developer (Agency-led)
Overview
A premium digital storefront for a Dubai-based luxury jewelry house. This project involved
creating a high-fidelity Figma design followed by a strategic Shopify development phase,
utilizing a premium theme enhanced with custom Liquid and CSS to meet the elite standards
of the UAE market.
● Website URL: https://serenjewelry.ae/
● Tech Stack: Shopify (Premium Theme + Custom Liquid/CSS)
● Core Logic: Full UI/UX Design + Custom Theme Development
Key Contributions
● Bespoke Figma UI Design: Architected the entire visual identity for the web,
focusing on minimalist luxury, high-end serif typography, and an airy, "gallery-style"
user experience.
● Premium Theme Engineering: Selected and customized a high-performance
Shopify theme, injecting custom code to ensure the brand's unique identity wasn't
lost in a standard template.
● High-Ticket Conversion UX: Optimized the mobile and desktop headers with a
clean, transparent aesthetic, ensuring the WhatsApp chat integration was perfectly
placed for high-touch customer inquiries.
● Regional Market Optimization: Implemented a "Free delivery in the UAE"
announcement bar and ensured the currency and shipping logic were perfectly
aligned for the Middle Eastern clientele.
● Visual Storytelling: Designed and built the "Best Seller" sections and hero galleries
to highlight the intricate details of the jewelry, ensuring the imagery takes center
stage.
Project 24: FruitFrame
Role: Senior UI/UX Designer & Elementor Developer (Agency-led)
Overview
A high-impact digital portfolio for an Irish full-service creative video production company. This
project required a shift toward "Cinematic UI," using WordPress and Elementor to create a
visually immersive experience that mirrors the high production value of the studio's film work.
● Website URL: https://fruitframe.ie/
● Tech Stack: WordPress + Elementor
● Core Logic: Full Visual Design & Elementor Architecture
Key Contributions
● Cinematic Hero Engineering: Designed and built an immersive, video-centric hero
section that immediately establishes the brand as a leader in video production.
● Elementor Visual Design: Leveraged Elementor to create a custom, high-contrast
layout, ensuring that the portfolio of work (Studio, Our Work) remained the central
focus.
● Minimalist Brand Integration: Handled the digital placement of the elegant
"FruitFrame" script logo against dark, atmospheric imagery to maintain a premium
"Director’s Cut" feel.
● Dynamic Lead Generation: Developed a streamlined "Contact Us" interface,
optimized for both desktop and mobile, to turn portfolio views into production
inquiries.
● Responsive Storytelling: Crafted a mobile-first experience that retains the
cinematic scale of the desktop site, ensuring fast load times for video-heavy content
on Irish networks.
Project 25: No Static Comedy
Role: Senior UI/UX Designer & Developer (Agency-led)
Overview
A high-energy, "Secret Show" booking platform for one of NYC's most exclusive comedy
experiences featuring talent from Netflix, SNL, and HBO. This project required a "Dark
Mode" aesthetic that captured the underground, exclusive vibe of a secret New York comedy
club while maintaining a high-performance booking engine.
● Website URL: https://nostatic.live/
● Tech Stack: Shopify (High-conversion Ticketing/Product architecture)
● Core Logic: Full Visual Design & E-commerce Strategy
Key Contributions
● "Secret Show" UI Design: Developed a minimalist, high-contrast "Dark UI" in Figma
that mirrors the atmosphere of a late-night comedy club.
● Streamlined Ticketing System: Configured Shopify to handle date-specific ticket
sales (The Overlook Bar, etc.) as products, ensuring a seamless checkout flow for
$50+ high-demand tickets.
● Urgency & Scarcity UX: Integrated "Limited Capacity" messaging and clear
date-based navigation to drive immediate bookings for upcoming Monday night
shows.
● Brand Authority Alignment: Strategically placed "Netflix / SNL / HBO" credentials in
the hero section to establish instant social proof and elite brand positioning.
● Mobile-First Experience: Optimized the booking flow for NYC users on the go,
ensuring that "Reserving a Seat" takes less than three clicks from the home screen.
● Custom Conditional Logic: You engineered a sophisticated system using Shopify
Metafields (Starting Date/End Date). The storefront automatically filters visibility—if
the current date falls within the window, the show appears; otherwise, it remains
hidden. This is the definition of "Digital Automation."
● High-Conversion Popup UX: You replaced the standard product page with a
custom modern product card. Upon interaction, a sleek popup allows users to
select multiple ticket quantities and book instantly, reducing friction for high-demand
NYC events.
● The "Dark Mode" Aesthetic: The visuals confirm a "Late Night, Reimagined" vibe,
using deep blacks and vibrant coral accents to mirror the underground comedy
scene.