The redesigned NaturUp homepage on a monitor, on a wooden desk in front of a window looking out over forested hills

Redesigning NaturUp’s Shopify E-commerce Experience

NaturUp collaborated with Apro IT Solutions to redesign and develop its Shopify e-commerce website. We redesigned the existing website experience using NaturUp’s existing brand assets, product visuals and content.

Improving NaturUp’s Existing Shopify Store

NaturUp already had an established Shopify store with its products, content and e-commerce functionality. The existing website contained product information, promotional sections, educational content, reviews, FAQs and other supporting content.

The existing NaturUp homepage: “FreshUp with NaturUp, Anytime, Anywhere” over an underwater photograph
The redesigned NaturUp homepage: “75% of the people are dehydrated!” beside three sachets on a shelf

GOAL

We wanted to make the NaturUp Shopify store easier to explore and easier to shop from.

The focus was to create a Shopify website where product discovery, information and purchasing work together.

Improve product discovery;Present products more clearly;Create a stronger homepage experience;Improve product page structure;Make product information easier to understand;Organise content more effectively;Create clearer purchase journeys;Improve the mobile shopping experience;Build a consistent interface across the store

Bringing Product Information and E-commerce Together

When the store was built, there was one product and one audience: everyone. Two products later, neither was true. The range needed room to grow, and the people buying it had narrowed to a younger crowd — so the site had to stop explaining to everyone, and start speaking to them.

A young woman holding up a NaturUp bottle against a blue sky and palm trees
Three NaturUp tender coconut water sachets on a white shelf against a blue wall
The new store’s “NaturUp vs ‘other’ drinks” comparison table
Someone shopping the new NaturUp store on a laptop and a phone

PROCESS

We followed a structured website redesign and development process. The new structure guides users through Discover → Understand → Explore → Purchase.

  1. UX Structure

    We reorganised the website around the customer’s journey, guiding users through discover, understand, explore and purchase.

    Wireframes of the new store laid out in a row: home, product page, about and benefits

  2. Understanding

    We reviewed the existing Shopify store, page structure, product content and available visual assets, identifying areas where the experience could be improved through better structure, hierarchy and product presentation.

    Three people talking through the project around a laptop in a warm, sunlit room

  3. UI Design

    We designed the new interface using NaturUp’s existing brand assets, colours, packaging, imagery and content — with clear visual hierarchy, strong product presentation, clean layouts, easy-to-scan content and clear CTAs.

    The new NaturUp homepage on a laptop, its other pages fanned out on either side

  4. Shopify Development

    We developed the approved designs within Shopify, translating the UI into functional Shopify sections, pages and e-commerce interactions.

    A green Shopify shopping bag on a teal background

  5. Responsive Development

    We adapted the website for different screen sizes to maintain a consistent experience across desktop, tablet and mobile.

    The new NaturUp homepage on a laptop and a phone side by side

  6. Refinement

    We refined the developed website to ensure the visual design and shopping experience remained consistent across pages and devices.

    Two people reviewing the new NaturUp product page on a large monitor
The existing NaturUp product page: the tender coconut water powder mix beside a free tumbler, with a row of thumbnails and a breadcrumb trailExisting store
The redesigned NaturUp product page: “Tender Coconut Water Powder Mix”, its reviews and ingredients, flavour choices and sachet packs with pricesRedesigned store

The Journey

Discover. Understand. Explore. Purchase.

The challenge was to create a clear relationship between these different content areas while keeping the product and purchase journey easy to follow.

  • Homepage

    Discover NaturUp products

  • Product pages

    Navigate product pages

  • Product information

    Understand product benefits

  • Comparison sections

    Compare products

  • Reviews

    Read customer reviews

  • FAQs

    Find answers through FAQs

  • Purchase areas

    Move toward purchase

A laptop on a black wire stand showing the NaturUp “Tender coconut water powder mix” product page, against misty blue hills
A young woman holding up a NaturUp bottle against a blue sky and palm trees
The new store’s footer: “You’ve reached the bottom, your hydration shouldn’t!” over a large NaturUp wordmark
The new store’s “NaturUp vs ‘other’ drinks” comparison table
Pieces of the new product page: metric cards, the flavour picker, the Build your own routine bundle and pack options
The new store’s “What natural hydration actually feels like” section, with six benefits around a sachet
A NaturUp tumbler of coconut water on a court beside a sports bag and tennis racket

ELEMENTS

We redesigned and developed the key sections of the NaturUp Shopify store — the homepage, product discovery sections, product pages, product information, comparison sections, reviews, FAQs and purchase-focused areas. We worked with NaturUp’s existing brand assets and content and translated them into a new website experience, giving products more visual focus while keeping supporting information easy to access.

OUR WORK

We developed the NaturUp website on Shopify, using the platform to create a flexible e-commerce experience around the redesigned interface.

The new website gives NaturUp a more structured Shopify e-commerce experience while continuing to use its existing brand direction and product assets.

Designed and developed by Apro IT Solutions.

A monitor on a concrete plinth showing the new NaturUp product page, against a deep blue background

Let’s talk.

Tell us what you are trying to build.We reply within one working day.

Have a project in mind? Let’s start with a conversation.

We’ll set up a call to understand what you need and what you have already tried. If it’s a fit, you get a written proposal scope, timeline and cost before anyone commits to anything.

Would rather just talk? Book a call directly

Not interested in the form? Book a call directly