Technologies
Custom UX Design
Figma
Shopify
![Miracle Noodle logo](https://sage.agency/wp-content/uploads/2023/05/mn-img1_compressed.webp)
/ OVERVIEW
We redesigned and developed a custom Shopify website for Miracle Noodle
![Miracle Noodle website design product layout sample](https://sage.agency/wp-content/uploads/2023/05/mn-img_compressed.webp)
![Miracle Noodle website design mockup on laptop](https://sage.agency/wp-content/uploads/2023/05/mn-img2_compressed-1536x720-1.webp)
/ DESIGN SYSTEM
With a host of competitors seeking market share and a tough market to navigate, Miracle Noodle needed a top-quality website that expressed its purpose, satisfied its commercial needs, and really made it stand out.
COLORS
![Miracle Noodle website design style color scheme](https://sage.agency/wp-content/uploads/2023/05/mn-img3_compressed.webp)
FONTS
Sofia Pro
Sofia Pro
We customized the entire Miracle Noodle website, including product description pages, to work seamlessly with several existing Shopify apps.
BUTTONS
![Miracle Noodle website design style guide button](https://sage.agency/wp-content/uploads/2023/05/mn-img4_compressed.webp)
ICONS
![Miracle Noodle website design design style guide icon](https://sage.agency/wp-content/uploads/2023/05/mn-img5_compressed.webp)
![Healthy Low Carb Pasta](https://sage.agency/wp-content/uploads/2023/05/mn-img6_compressed-1536x720-1-1.jpg)
![Miracle Noodle website design mockup on ipad](https://sage.agency/wp-content/uploads/2023/05/mn-img7_compressed.webp)
![Miracle Noodle website design page mockup](https://sage.agency/wp-content/uploads/2023/05/mn-img8_compressed-scaled.webp)
![Miracle Noodle website design mockup on ipad](https://sage.agency/wp-content/uploads/2023/05/mn-img9_compressed-1536x720-1.webp)
![Miracle Noodle website design page mockup](https://sage.agency/wp-content/uploads/2023/05/mn-img10_compressed.webp)
![Miracle Noodle website design mockup on iphone](https://sage.agency/wp-content/uploads/2023/05/mn-img11_compressed-1536x907-1.webp)