Profile
ABDELRAHMAN GAMAL
Back to projects
Medical Beauty Shopify Store 4 Weeks Live Shopify Medical & Cosmetics Store

Macro Store

Macro Store is a professional Shopify e-commerce project created for Macro Pharmaceuticals, a brand specialized in skincare, haircare, and body-care products. The store was built with a clean and modern visual direction that balances a trusted medical identity with a strong commercial shopping experience, while keeping products easy to discover through organized collections, advanced filters, and clear product pages.

Shopify Liquid HTML CSS JavaScript Responsive Design E-Commerce UX Product Filtering
Macro Store
Case Study

Challenge

A medical beauty store with a large product catalog needs strong structure to stay easy to browse. Customers should be able to move quickly between categories, compare offers, understand discounts, and review product details such as usage and ingredients without feeling overwhelmed. The challenge was to create a Shopify storefront that feels credible and modern while making product discovery and purchasing fast and clear.

Solution

I customized the Shopify experience around clear collection organization, promotional homepage sections, improved product cards, and detailed product pages that surface pricing, discounts, ratings, usage instructions, and key ingredients in a readable format. The result is a conversion-friendly storefront that helps customers find the right product faster and supports a smoother shopping journey across desktop and mobile.

Features
  • Complete Shopify store setup with responsive layouts for all screen sizes
  • Theme customization aligned with the Macro Pharmaceuticals brand identity
  • Professional homepage with banners, featured offers, and highlighted sections
  • Organized collection pages to display products by category
  • Detailed product pages with product images, original and discounted pricing, discount percentage, ratings, description, usage instructions, ingredients, and add to cart
  • Advanced filtering by availability, product type, and price
  • Improved product card presentation across product and collection pages
  • Dedicated sections for offers, new products, and brand highlights
  • Floating Macro GO+ button to improve user interaction
  • Storefront design tailored to medical-care and cosmetic-care products
  • Optimized browsing and purchase flow for large product catalogs
Website Goals

What the site needed to achieve

Present Macro Pharmaceuticals as a trusted medical and beauty commerce brand

Make large product catalogs easier to explore through structured collections and advanced filters

Increase conversion opportunities with detailed product pages, visible discounts, and clear add to cart actions

Content Strategy

Trust-building narrative

  • The homepage combines promotional banners and highlighted sections to guide product discovery
  • Collection pages organize the large catalog into easier browsing paths for shoppers
  • Product cards emphasize pricing and visibility to support faster category scanning
  • Product pages add trust through detailed descriptions, usage guidance, and ingredient visibility
  • Filtering tools help users narrow choices quickly by availability, type, and price
UI / UX

Professional B2B experience

  • Clean modern storefront suited to medical skincare and cosmetic products
  • Strong browsing structure for stores with many products and categories
  • Detailed product presentation that supports informed purchase decisions
  • Responsive layout that keeps filters and product cards easy to use across devices
  • Commercially focused experience balanced with a trusted medical visual identity
Brand & Contact

Conversion details kept visible

Visit live website
Platform: Shopify
Industry: Skincare, haircare, body care, and cosmetic pharmaceutical products
Target feel: trusted medical identity with a conversion-friendly shopping experience
Live store: https://e-macro.com/
تنويه لطيف: يحتوي المتجر على صور دعائية لمنتجات نسائية قد يظهر فيها الشعر، لذا يُستحسن لمن يحرص على غض البصر أن يكتفي بمراجعة المشروع من خلال هذه الصفحة دون فتح الموقع المباشر.
قال الله تعالى: {قُل لِّلْمُؤْمِنِينَ يَغُضُّوا مِنْ أَبْصَارِهِمْ وَيَحْفَظُوا فُرُوجَهُمْ ۚ ذَٰلِكَ أَزْكَىٰ لَهُمْ ۗ إِنَّ اللَّهَ خَبِيرٌ بِمَا يَصْنَعُونَ}.