ReVITAlise your health
Be a better version of yourself

Services provided

Premium Web Design

Google Adwords

Digital Copywriting

Client

Vitahealth Malaysia

Industry

Health Care

The Brand

Engaging in a philosophy and a mission of “Enriching Lives” for more than 70 years, VitaHealth believes that health is absolutely more important than wealth. The brand is also at the forefront of providing a comprehensive range of high-quality and premium health supplements to meet the diverse health needs.

 

All of VitaHealth’s products are formulated with carefully selected ingredients with proven effectiveness, using the latest scientific research and cutting-edge technology.

The Solutions

Recognising that the revamped website should be clearly aligned with Vitahealth’s brand focus, we included consistent colours, fonts and logo placements that correlates with all regions that VitaHealth covers such as Singapore, Vietnam, Thailand and China. By doing this, users instantly associate the revamped website with Vitahealth, which is essential in garnering trust and staying loyal to VitaHealth.

 

We also kept the revamped website simple and accessible so that it feels like a natural extension of VitaHealth that isn’t complex, resulting in a pleasant user experience. The revamped website is also infused with personality in the form of custom animations and optimistic lifestyle visuals that make the website and Vitahealth feel more approachable.

 

By reinforcing Vitahealth’s brand profile through meaningful and current content such as product features, authoritative blog posts and many more, we kept the revamped website relatable and relevant. Moreover, we utilised modern design trends to ensure efficiency and user experience in order to keep up with the competitive online market.

 

Additionally, we took into account responsiveness while emphasising technical flexibility and taking the user’s device into account. Language translation aspects were also considered so that the revamped website is easily bilingual for each region that VitaHealth operates in.

Creative Design

GIF Website Banner

Above the fold

Understanding that there we only 3-5 seconds to capture a users’ attention and send  out a brand message, we used a striking image of a 50-60 year old man in the above the fold view to dispel the notion that being old/elderly doesn’t necessarily mean being immobile and weak. Users who land on the homepage will be treated with a seamless animation of the elderly man being energetic via the banner. This further illustrates the vibrant lifestyle that the elderly can still lead at a prime age, all thanks to Vitahealth products.

This notion is further complemented by an attractive copy (ReVITAlize. Reinvigorate. Recharge for a healthier, happier you!) resulting in reaffirming Vitahealth’s role in giving energy, vigour, and power to customers who need  a “power-me-up” in their life.

Branding Message/Identity

To highlight the importance of how Vitahealth can positively affect its customers, the revamped website places more emphasis on youthfulness and vibrancy, serving the purpose of capturing the users’ attention.

With the perfect partnership of product visual, attractive colours and compelling description copy supplemented by concise benefits, users’ have a clear understanding of what each best-selling product wants to promote as well as firming up the users’ purchase decision.

Loading Icon (video)

When the website page is loading or refreshing, VitaHealth’s logo will be affixed in the centre of the page with the white ‘V’ in the orange box slowly growing from the bottom down. To signify the successful loading or refreshing of the website page, the logo icon will be fully formed before transitioning.

Hero Banners

A variety of aesthetically pleasing hero banners are used on VitaHealth’s website. Considering that VitaHealth wants to highlight a positive and energetic aspect, each hero banner’s layout follows a revitalising superimposition of cheerful block colours with various characters portraying happiness and youthfulness, so that it relates to a diverse target audience ranging from children to the elderly is easier.

This website design is also largely motivated by the usage of soft vectors, beautiful icons and soft rounded typefaces whilst retaining the branding identity of Vitahealth with the integration of colourful elements.

User Experience

Key Product Feature

Vitahealth’s revamped website not only is an informational website but it also doubles up as an e-commerce site. Therefore the key product feature segment is prioritised at the top of the homepage while also highlighting these attributes: Category of Product, Product Image, Product Name, Retail Price of Product. This serves to give ease of access when browsing as well as to firm up the users’ purchase decision.

Product Mouseover Effect

VitaHealth’s products are categorised based on what they’re primarily good for. By doing this, users can view all the products that are tagged to the particular category of their interests, instead of viewing the full range of Vitahealth’s products. The Product Category section features a variety of budding colours that change whenever the user hovers over. Icons on the Product Category section also animate when the mouseover effect is applied.

Recommended Products Feature

Appealing to users who haven’t fully formed their purchasing decision, the Recommended Products section serves to persuade them to move that particular product into the cart. These products are tagged at the bottom of every article page when a user requires more information about a particular product, or if he/she just wants to find out more. If the user wants to buy the product, he/she simply has to pull up the Recommended Products section and add to his/her cart instead of heading to the full product feature.

Features

Single Click Log In

To keep the sign-in process simple and effortless, VitaHealth utilised a Single Click Log In feature whereby the user can sign-in to the website via social media accounts such as Facebook and Google+. Alternatively, the user can also use his/her email address to log in as well. Moreover, there is an option to remember login details by checking the “Remember Me” box. If the user has forgotten his/her password, the user can click on “Forget Password” and follow the necessary steps to retrieve back/change his/her password again. 

Store Locator

VitaHealth required a physical Store Locator onto their website, albeit the fact that users could also purchase products online. What differentiates this function from other platforms/websites is that the Store Locator highlights all stores in a particular area based on a real-time fully functional map. Users can manually type the name of a particular store, filter by state and view their results. Or they can use the map function to locate and click on pins – signifying physical stores that sell VitaHealth products. The physical store list will provide users with specific details like the store’s address and contact number. Users can also toggle between satellite view and increase/decrease their view via maximise and minimum buttons as well.

Moving counter

Besides highlighting vital statistics on VitaHealth’s website in a dynamic animation that captures the attention of visitors , VitaHealth also wanted to accentuate that new customers are constantly being added to the VitaHealth family, while serving to convert new users to become purchasers as well. 

Digital Insight .
Read on the latest the digital updates