eCommerce Platform
eCommerce Platform
Our Island Treats is a multicultural grocery store in Griffith, NSW, serving Pacific Islander, Asian, and Indian communities. Their existing website felt outdated, lacked proper eCommerce functionality, and didn’t showcase products effectively.
Over 7 weeks, I redesigned and rebuilt the site with a modern, mobile-first experience, leading both the UI/UX design and Framer development with Shopify integration. The result was a culturally vibrant, easy-to-manage online store that simplified shopping for customers and gave the business full control over products and scheduling.
Client
Our Island Treats
Year
2025
Category
Ecommerce Design & Development
(1)
PROBLEM
PROBLEM
The existing website looked outdated, failed to highlight the diverse range of products, and didn’t feel like an eCommerce experience. Products often lacked images and details, making them unappealing to customers. Delivery and pickup processes were unclear, with confusing filters and limited scheduling options. On top of that, customers had no way to track their orders, which often led to frustration. The site did not reflect the brand’s vibrant, multicultural identity, leaving both the client and customers dissatisfied.
The existing website looked outdated, failed to highlight the diverse range of products, and didn’t feel like an eCommerce experience. Products often lacked images and details, making them unappealing to customers. Delivery and pickup processes were unclear, with confusing filters and limited scheduling options. On top of that, customers had no way to track their orders, which often led to frustration. The site did not reflect the brand’s vibrant, multicultural identity, leaving both the client and customers dissatisfied.
The existing website looked outdated, failed to highlight the diverse range of products, and didn’t feel like an eCommerce experience. Products often lacked images and details, making them unappealing to customers. Delivery and pickup processes were unclear, with confusing filters and limited scheduling options. On top of that, customers had no way to track their orders, which often led to frustration. The site did not reflect the brand’s vibrant, multicultural identity, leaving both the client and customers dissatisfied.
(1)
PROBLEM
The existing website looked outdated, failed to highlight the diverse range of products, and didn’t feel like an eCommerce experience. Products often lacked images and details, making them unappealing to customers. Delivery and pickup processes were unclear, with confusing filters and limited scheduling options. On top of that, customers had no way to track their orders, which often led to frustration. The site did not reflect the brand’s vibrant, multicultural identity, leaving both the client and customers dissatisfied.
(2)
Design Process & Timeline
Design Process & Timeline
Design Process & Timeline
The project followed a non-linear Design Thinking approach across 7 weeks. After conducting a site audit and competitive analysis, I mapped user flows and wireframes to address core issues. These evolved into high-fidelity designs and a component-based design system in Figma, ensuring scalability. Finally, I built the site in Framer and connected it to Shopify, enabling a low-code, easy-to-manage solution for the client.
RESEARCH & DISCOVERY
DEFINE
IDEATE
DESIGN
TEST & ITERATE
DELIVER
(3)
USER RESEARCH
USER RESEARCH
Site Audit exposed usability gaps such as missing product information, clunky navigation, and poor eCommerce functionality. Competitive Analysis highlighted best practices for product presentation, filtering, and scheduling that informed the redesign.
Site Audit exposed usability gaps such as missing product information, clunky navigation, and poor eCommerce functionality. Competitive Analysis highlighted best practices for product presentation, filtering, and scheduling that informed the redesign.
Site Audit exposed usability gaps such as missing product information, clunky navigation, and poor eCommerce functionality. Competitive Analysis highlighted best practices for product presentation, filtering, and scheduling that informed the redesign.
(3)
USER RESEARCH
Site Audit exposed usability gaps such as missing product information, clunky navigation, and poor eCommerce functionality. Competitive Analysis highlighted best practices for product presentation, filtering, and scheduling that informed the redesign.
Liza
Full-time Mom
As a family shopper,
I need flexible scheduling options for my orders,
So that I can confidently plan ahead for family events and know my order will arrive on time.
Liza
Full-time Mom
As a family shopper,
I need flexible scheduling options for my orders,
So that I can confidently plan ahead for family events and know my order will arrive on time.
Liza
Full-time Mom
As a family shopper,
I need flexible scheduling options for my orders,
So that I can confidently plan ahead for family events and know my order will arrive on time.
Liza
Full-time Mom
As a family shopper,
I need flexible scheduling options for my orders,
So that I can confidently plan ahead for family events and know my order will arrive on time.
John
Student
As a student on the go,
I need a simple way to find and order pickup-only items,
So that I can grab affordable treats quickly between classes without going through a cluttered menu.
John
Student
As a student on the go,
I need a simple way to find and order pickup-only items,
So that I can grab affordable treats quickly between classes without going through a cluttered menu.
John
Student
As a student on the go,
I need a simple way to find and order pickup-only items,
So that I can grab affordable treats quickly between classes without going through a cluttered menu.
John
Student
As a student on the go,
I need a simple way to find and order pickup-only items,
So that I can grab affordable treats quickly between classes without going through a cluttered menu.
Marcus
Marketing Associate
As a busy professional,
I need a quick and reliable way to order delivery items online,
So that I can save time during hectic workdays and avoid confusion with pickup options.
Marcus
Marketing Associate
As a busy professional,
I need a quick and reliable way to order delivery items online,
So that I can save time during hectic workdays and avoid confusion with pickup options.
Marcus
Marketing Associate
As a busy professional,
I need a quick and reliable way to order delivery items online,
So that I can save time during hectic workdays and avoid confusion with pickup options.
Marcus
Marketing Associate
As a busy professional,
I need a quick and reliable way to order delivery items online,
So that I can save time during hectic workdays and avoid confusion with pickup options.
Anna
Our Island Treats CEO
As a small business owner,
I need a website that’s easy to manage and reflects my brand,
So that I can run my shop efficiently without technical headaches while attracting more customers.
Anna
Our Island Treats CEO
As a small business owner,
I need a website that’s easy to manage and reflects my brand,
So that I can run my shop efficiently without technical headaches while attracting more customers.
Anna
Our Island Treats CEO
As a small business owner,
I need a website that’s easy to manage and reflects my brand,
So that I can run my shop efficiently without technical headaches while attracting more customers.
Anna
Our Island Treats CEO
As a small business owner,
I need a website that’s easy to manage and reflects my brand,
So that I can run my shop efficiently without technical headaches while attracting more customers.
(4)
Key Pain Points
Key Pain Points
Confusing Product Discovery
Existing filters for delivery vs. pickup items were hard to understand, slowing down the shopping journey.
Confusing Product Discovery
Existing filters for delivery vs. pickup items were hard to understand, slowing down the shopping journey.
Confusing Product Discovery
Existing filters for delivery vs. pickup items were hard to understand, slowing down the shopping journey.
Confusing Product Discovery
Existing filters for delivery vs. pickup items were hard to understand, slowing down the shopping journey.
Limited Scheduling Options
The store owner had little flexibility, while customers lacked transparency about available delivery/pickup times.
Limited Scheduling Options
The store owner had little flexibility, while customers lacked transparency about available delivery/pickup times.
Limited Scheduling Options
The store owner had little flexibility, while customers lacked transparency about available delivery/pickup times.
Limited Scheduling Options
The store owner had little flexibility, while customers lacked transparency about available delivery/pickup times.
Unappealing Product Presentation
Many products had low-quality images or missing details, making them less compelling.
Unappealing Product Presentation
Many products had low-quality images or missing details, making them less compelling.
Unappealing Product Presentation
Many products had low-quality images or missing details, making them less compelling.
Unappealing Product Presentation
Many products had low-quality images or missing details, making them less compelling.
No Order Tracking
Customers had no visibility into order status, causing confusion and frustration post-purchase.
No Order Tracking
Customers had no visibility into order status, causing confusion and frustration post-purchase.
No Order Tracking
Customers had no visibility into order status, causing confusion and frustration post-purchase.
No Order Tracking
Customers had no visibility into order status, causing confusion and frustration post-purchase.
(5)
THE GOAL
THE GOAL
The goal was to transform Our Island Treats’ website into a modern eCommerce experience that not only reflected the warmth and vibrancy of their multicultural identity but also simplified the entire shopping journey. Customers needed clarity when scheduling deliveries or pickups, transparency around their orders, and a seamless mobile browsing experience. At the same time, the business required a site they could easily manage without technical effort, ensuring long-term sustainability.
The goal was to transform Our Island Treats’ website into a modern eCommerce experience that not only reflected the warmth and vibrancy of their multicultural identity but also simplified the entire shopping journey. Customers needed clarity when scheduling deliveries or pickups, transparency around their orders, and a seamless mobile browsing experience. At the same time, the business required a site they could easily manage without technical effort, ensuring long-term sustainability.
The goal was to transform Our Island Treats’ website into a modern eCommerce experience that not only reflected the warmth and vibrancy of their multicultural identity but also simplified the entire shopping journey. Customers needed clarity when scheduling deliveries or pickups, transparency around their orders, and a seamless mobile browsing experience. At the same time, the business required a site they could easily manage without technical effort, ensuring long-term sustainability.
(5)
THE GOAL
The goal was to transform Our Island Treats’ website into a modern eCommerce experience that not only reflected the warmth and vibrancy of their multicultural identity but also simplified the entire shopping journey. Customers needed clarity when scheduling deliveries or pickups, transparency around their orders, and a seamless mobile browsing experience. At the same time, the business required a site they could easily manage without technical effort, ensuring long-term sustainability.
(6)
KEY FEATURES & SOLUTIONS
KEY FEATURES & SOLUTIONS
KEY FEATURES & SOLUTIONS
Delivery & Pickup Scheduling
Redesigned flow with clearer options, giving the business more control and customers more transparency.
Delivery & Pickup Scheduling
Redesigned flow with clearer options, giving the business more control and customers more transparency.
Delivery & Pickup Scheduling
Redesigned flow with clearer options, giving the business more control and customers more transparency.
Delivery & Pickup Scheduling
Redesigned flow with clearer options, giving the business more control and customers more transparency.
Improved Product Presentation
High-quality images and detailed descriptions to enhance appeal and trust.
Improved Product Presentation
High-quality images and detailed descriptions to enhance appeal and trust.
Improved Product Presentation
High-quality images and detailed descriptions to enhance appeal and trust.
Improved Product Presentation
High-quality images and detailed descriptions to enhance appeal and trust.
Order Tracking
Customers could now monitor the status of their orders, reducing confusion and frustration.
Order Tracking
Customers could now monitor the status of their orders, reducing confusion and frustration.
Order Tracking
Customers could now monitor the status of their orders, reducing confusion and frustration.
Order Tracking
Customers could now monitor the status of their orders, reducing confusion and frustration.
Framer + Shopify Integration
A scalable setup where the frontend is visually rich while Shopify manages inventory, orders, and content updates.
Framer + Shopify Integration
A scalable setup where the frontend is visually rich while Shopify manages inventory, orders, and content updates.
Framer + Shopify Integration
A scalable setup where the frontend is visually rich while Shopify manages inventory, orders, and content updates.
Framer + Shopify Integration
A scalable setup where the frontend is visually rich while Shopify manages inventory, orders, and content updates.
(7)
USER FLOW
USER FLOW
Informing decision-making: Research provides data and evidence to support design decisions. It helps designers make informed choices about layout, color schemes, typography, and other design elements, leading to more effective and user-friendly websites
Informing decision-making: Research provides data and evidence to support design decisions. It helps designers make informed choices about layout, color schemes, typography, and other design elements, leading to more effective and user-friendly websites
Informing decision-making: Research provides data and evidence to support design decisions. It helps designers make informed choices about layout, color schemes, typography, and other design elements, leading to more effective and user-friendly websites
(7)
USER FLOW
Informing decision-making: Research provides data and evidence to support design decisions. It helps designers make informed choices about layout, color schemes, typography, and other design elements, leading to more effective and user-friendly websites
(8)
WIREFRAMES
WIREFRAMES
Mid-fidelity wireframes tested the new shopping flow early, focusing on filtering and scheduling clarity before visual refinement.
Mid-fidelity wireframes tested the new shopping flow early, focusing on filtering and scheduling clarity before visual refinement.
Mid-fidelity wireframes tested the new shopping flow early, focusing on filtering and scheduling clarity before visual refinement.
(8)
WIREFRAMES
Mid-fidelity wireframes tested the new shopping flow early, focusing on filtering and scheduling clarity before visual refinement.
(9)
high-fidelity designs
high-fidelity designs
(9)
high-fidelity designs
(10)
Testing & Iteration
Testing & Iteration
Testing & Iteration
UsABILITY Testing Summary
Although formal large-scale testing wasn’t conducted, we reviewed interactive prototypes with the business stakeholders to simulate typical shopping journeys. This helped validate core flows such as browsing, filtering, and checkout. Stakeholder feedback reflected real customer frustrations they had observed and ensured our solutions directly addressed them.
Iterations Based on User Feedback
→ Simplified product filters so customers could clearly see which items were available for delivery or pickup.
→ Expanded delivery scheduling options, giving the store owner more flexibility and customers greater transparency.
→ Streamlined the order confirmation page to highlight tracking details more clearly.
(11)
IMPACT & RESULTS
IMPACT & RESULTS
Positive Client Feedback
The CEO relayed that the Our Island Treats team was “ecstatic” about the redesign, highlighting how well the site now represents their brand and makes online shopping enjoyable.
Positive Client Feedback
The CEO relayed that the Our Island Treats team was “ecstatic” about the redesign, highlighting how well the site now represents their brand and makes online shopping enjoyable.
Positive Client Feedback
The CEO relayed that the Our Island Treats team was “ecstatic” about the redesign, highlighting how well the site now represents their brand and makes online shopping enjoyable.
Positive Client Feedback
The CEO relayed that the Our Island Treats team was “ecstatic” about the redesign, highlighting how well the site now represents their brand and makes online shopping enjoyable.
Stronger Brand Identity
The new website reflects the warmth and personality of Our Island Treats, replacing the outdated look with a modern ecommerce experience that resonates with customers.
Stronger Brand Identity
The new website reflects the warmth and personality of Our Island Treats, replacing the outdated look with a modern ecommerce experience that resonates with customers.
Stronger Brand Identity
The new website reflects the warmth and personality of Our Island Treats, replacing the outdated look with a modern ecommerce experience that resonates with customers.
Stronger Brand Identity
The new website reflects the warmth and personality of Our Island Treats, replacing the outdated look with a modern ecommerce experience that resonates with customers.
Improved Usability
Clear product filtering, better scheduling options, and transparent order tracking significantly reduced friction, making it easier for users to browse, purchase, and manage their orders.
Improved Usability
Clear product filtering, better scheduling options, and transparent order tracking significantly reduced friction, making it easier for users to browse, purchase, and manage their orders.
Improved Usability
Clear product filtering, better scheduling options, and transparent order tracking significantly reduced friction, making it easier for users to browse, purchase, and manage their orders.
Improved Usability
Clear product filtering, better scheduling options, and transparent order tracking significantly reduced friction, making it easier for users to browse, purchase, and manage their orders.
Scalable & Easy Management
By developing in Framer and integrating Shopify, the site empowers the owners to add products, update details, and manage their store effortlessly—without needing technical expertise.
Scalable & Easy Management
By developing in Framer and integrating Shopify, the site empowers the owners to add products, update details, and manage their store effortlessly—without needing technical expertise.
Scalable & Easy Management
By developing in Framer and integrating Shopify, the site empowers the owners to add products, update details, and manage their store effortlessly—without needing technical expertise.
Scalable & Easy Management
By developing in Framer and integrating Shopify, the site empowers the owners to add products, update details, and manage their store effortlessly—without needing technical expertise.
More Works More Works
More Works More Works
PROCUREMENT PLATFORM
Web App
2024
2024
PROCUREMENT PLATFORM
Web App
2024
PROCUREMENT PLATFORM
Web App
2024
2024
AIRCRAFT BOOKING PLATFORM
Web App
2024
2024
AIRCRAFT BOOKING PLATFORM
Web App
2024
AIRCRAFT BOOKING PLATFORM
Web App
2024
2024
TRADING PLATFORM
Web App
2021
2021
TRADING PLATFORM
Web App
2021
TRADING PLATFORM
Web App
2021
2021
©2025. All Rights Reserved.
GO BACK TO TOP
©2025. All Rights Reserved.
GO BACK TO TOP
©2025. All Rights Reserved.
GO BACK TO TOP