Vita Sports
Vita Sports
15%
brand awareness
10
more revenue
25
sale conversions
View my projects
View my projects
Vita Sports
Sport Supplements
View live Site
View live Site
15%

brand awareness

10

more revenue

25

sale conversions

100

customers

Project Overview

VitaSports sought a holistic transformation for their online presence, expressing the need for a comprehensive redesign that would transcend their existing website. Their aspiration extended beyond a mere visual overhaul; they envisioned a digital space that would not only be more user-friendly but also radiate a contemporary aesthetic, aligning seamlessly with modern design standards. At the heart of their request was a desire to showcase their products in the most compelling light, recognising the pivotal role a visually appealing and intuitive website plays in enhancing brand representation and user engagement. The challenge was to craft a virtual environment that not only met but exceeded user expectations, providing an immersive and dynamic experience that resonated with their target audience.

The Problem ⚠️

Vitasports encountered a significant hurdle as their existing design fell short in effectively conveying the inherent brilliance of their products. The visual representation lacked the vibrancy and sophistication necessary to showcase the unique features and quality of their offerings.

The Solution ✅

In response to the challenge, our strategic solution involved a comprehensive redesign of the website, meticulously incorporating industry best practices for optimal user experience. The objective was not merely to enhance aesthetics but to create a holistic and visually captivating online environment.

The Process

Discovery Call - Introducing myself to the client and finding out their wants and desires for this project. Discussing budgets, timelines and other details specific to project.
Competitor & General Research - Building a case for the project to understand likes and dislikes. Researching trends in the industry as well as UX.
Start Wireframes - Building wireframes for website layout. Making sure the page follows optimal conversion rate optimisation [CRO] as well as User Experience [UX] best practises.
Designing - Adding all brand colours as well as content into designs to bring the concepts to life. This is where the client will give feedback and ultimately approve designs before development.
Development - Building the site in the chosen CMS, integrating content, setting up plugins, AB testing and more.
Training and further support - After the project was launched, we sent the client reports as well as trained them up to be able to use their easy to edit website.

Take a look at the before & after.

Take a look at the site.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Daniel Memoji with Laptop
Hey! This is Raccoon, drop us a message below and we will get back to you asap 👋
Full Face Raccoon Illustration
Thank you! We have received your message. We are looking into this as we speak and will get back to you as soon as possible.
Oops! Something went wrong while submitting the form.