AboutSolutionsProjectsCase StudiesContact
Refer a client — get 15% off your next project
Case study

Custom Shopify store build for Supplements Hub

Branding, UI/UX Design & Shopify Development

Project
Custom Shopify Store
Timeline
2 weeks
Visit live site
Client context

SupplementsHub Pakistan was built entirely from the ground up using Shopify. The project began with only a reference website, without any Figma designs or existing brand assets. The complete visual identity, logo, product image creatives, user interface, and ecommerce experience were designed from scratch. The store was optimized for conversions, easy product management, and a premium shopping experience while maintaining excellent responsiveness across all devices.

Case typeCustom Shopify Store

Project context used to guide scope and delivery.

IndustryNutrition & Wellness Ecommerce

Project context used to guide scope and delivery.

ObjectiveBuild a complete Shopify store from scratch

Project context used to guide scope and delivery.

Project typeBranding, UI/UX Design & Shopify Development

Project context used to guide scope and delivery.

Timeline2 weeks

Project context used to guide scope and delivery.

Live sitesupplementshub.com.pk

Open the completed production website.

Challenges and results

What changed after launch

A side-by-side view of the project friction and the practical outcomes delivered.

Before

Challenges

No design assetsThere were no Figma files, branding guidelines, or UI designs available. The complete design system had to be created from scratch.
Create a trustworthy brandDevelop a premium visual identity suitable for nutrition and wellness products while building customer trust.
Conversion-focused ecommerceDesign product pages, navigation, and shopping flows that simplify purchasing and improve the overall customer experience.
After

Results and benefits

Complete custom Shopify storeDesigned and developed a fully custom Shopify ecommerce website tailored for nutrition and wellness products.
Brand identity from scratchCreated the logo, visual identity, product graphics, and marketing imagery without relying on external design files.
Premium shopping experienceBuilt a clean, responsive, and scalable ecommerce platform with intuitive navigation and optimized product presentation.
Tools

Stack matched the workflow

Each tool had a specific job: editing, layout production, content structure, SEO, security, or performance.

The store was built with clean Shopify Liquid templates, lightweight custom components, optimized assets, responsive layouts, and streamlined product pages to deliver a fast, scalable ecommerce experience.

ShopifyeCommerce platform for customizable online stores and product management.
photoshopProject stack item.
Branding and logo

Building a nutrition brand from the ground up.

Everything from the logo and visual identity to product imagery and interface design was created specifically for SupplementsHub, resulting in a modern and trustworthy ecommerce brand.

Typography
Primary fontDM Sans

A modern geometric typeface selected for readability, simplicity, and ecommerce usability.

Colors
Primary color#252023Accent color#C7A83EBackground color#F2EEE6Success color#008C62
Logo
Supplements Hub logo
+
Brand system

Everything from the logo and visual identity to product imagery and interface design was created specifically for SupplementsHub, resulting in a modern and trustworthy ecommerce brand.

Store showcase

From concept to launch

The entire ecommerce experience—including branding, logo, UI design, product imagery, and Shopify development—was created from scratch using only a reference website as inspiration.

supplementshub.com.pk / homepage
supplementshub.com.pk / homepage
HomepagePremium Shopify storefront
supplementshub.com.pk / product detail page
supplementshub.com.pk / product detail page
Product Detail PageConversion-focused product page
supplementshub.com.pk / product listing page
supplementshub.com.pk / product listing page
Product Listing PageConversion-focused product listing page
Contact / Hire Me

Let's build it right.

Share your goals, current site, and timeline. I will respond with a practical next step for custom React.js, HTML/CSS, JavaScript, or Next.js work.

Send project detailsGet a build estimate
Emailayoubkhan558@hotmail.com+92 334 781 2124LinkedIn