Pharmascience's Website Design Case Study | Nilead | Portfolio


Helping Pharmascience reach Southeast Asia market


CORPORATE WEB
Pharmascience Inc. is a full-service privately owned pharmaceutical company with strong roots in Canada and a growing global reach with product distribution in over 60 countries.

PHARMASCIENCE VIETNAM


We partner with Pharmascience to create a public-facing website focusing on their Vietnam based operations. The main goal was to promote and sell the company values, from their background story, quality standards, philosophy to their diverse pharmaceutical products; targeting the patients and healthcare professionals in Vietnam.

  • We design and develop a website for the Vietnamese branch of Pharmascience Inc., following the brand identity and guidelines provided by the headquarters in Canada.
  • Nilead team provided technical training and documents for Pharmascience's team to manage their website.





KNOWING PHARMASCIENCE


We took our time to research and understand every aspect of their company, read and view as many information we could possibly find. Our team met Pharmascience´s team at Ho Chi Minh city´s headquarter to get a more personal knowledge with a human touch of the company, based on their personal experience. This helped us to understand better what Pharmascience represents and the image they want to project to their clients.

Pharmascience needed a multi-language and responsive website based on its already established brand identity, but at the same the new website time should stand out by itself and engage with Vietnamese users. To achieve this, we focused on designing an engaging, informative, and easy to use the website for visitors and invested parties seeking information on Vietnamese-based services offered by Pharmascience Inc.

The target audience of this project are the Vietnamese doctors who are using or planning to use Pharmascience's products. The goal of this project is to provide useful information regarding the medical products and to establish trust for doctors who need more information before they can recommend Pharmascience's products to their patients.


Pharmascience-website-case-study-web-design-all-devices

BUILDING THE WEBSITE


Our work from the design perspective was to connect their aesthetic vision and standards with Vietnam’s users. Pharmascience is already an established company with existing brand guidelines we have to closely follow when we work on the website graphic and typography elements to maintain the integrity of the brand identity. Because the brand guidelines were established for the global environment we had to modify certain elements of the brand identity to be compatible with the Vietnamese culture.

BRANDING GUIDELINES


IDENTITY USAGE

Pharmascience-web-design-case-study-logo-usage-1
Pharmascience-web-design-case-study-logo-usage-2

Pharmascience-web-design-case-study-logo-spacing

MIN SCREEN SIZE
Dimensions: 80px length
Minimum spacing size: 26px

MAX SCREEN SIZE
Dimensions: 154px length
Minimum spacing size: 50px


COLOR PALETTE

Black

HEX: #000000
R:0
G:0
B:0
H:29
S:38
L:0
100%
80%
60%
40%
20%

Dark Cerulean

HEX: #004B85
R:0
G:75
B:123
H:206
S:100
L:52
100%
80%
60%
40%
20%

Maximun Red

HEX: #D22D20
R:210
G:45
B:32
H:4
S:84
L:82
100%
80%
60%
40%
20%

White

HEX: #FFFFFF
R:255
G:255
B:255
H:29
S:0
L:100
100%
80%
60%
40%
20%
TYPEFACE

Pharmascience-web-design-case-study-typeface
HEADLINES

Pharmascience-web-design-case-study-headlines
BODY TEXT

Pharmascience-web-design-case-study-body-text


FLEXIBLE LAYOUT

Pharmascience´s website was designed with 12 columns grid layout as a base, this allows a more flexible element arrangement in the design. With this flexible structure, the developers and designer can build a more fluid and detailed responsive version of the desktop version of the site for all major mobile devices.


Pharmascience-web-design-case-study-layout-homepage

Pharmascience-web-design-case-study-wireframe-homepage

Pharmascience-web-design-case-study-layout-news-list

Pharmascience-web-design-case-study-wireframe-news-list


SOCIAL MEDIA PRESENCE


One of the main goals of Pharmascience was to engage the Vietnamese users, promote and sell the company values. On the basis that 30% of the Vietnamese population are active social media users, we focus in to establish a connection with the site and Pharmascience social media channels.

By including Social Media feeds on the website, the user will be able to check on real-time every Pharmascience’s posts without having to leave the website. We integrate different sections of the website with the most popular social media platform in Vietnam, that way the user will be able to share the content on the site, increasing the brand awareness, traffic and leads for the business.


Pharmascience-web-design-case-study-social-media-features


ALL ABOUT INFORMATION


Based on the main target audience of the site were the healthcare professionals and the need of Pharmascience to promote their products, we developed a product section with every medication commercialized in Vietnam by Pharmascience. In this section, the users can check the properties, treatment usages, category, selling format and general prescription information of every product.

Pharmascience-web-design-case-study-product-detail-page


Besides selling their products, Pharmascience website has a purpose of promoting the company values. Creating a news page will help then to communicate their philosophy and standards, at the same time they will publish information about the latest discoveries in the health and pharmaceutical community, and different subjects regarding Canadian society that are in the best interest of their target audience. With this Pharmascience aims to become a reliable, easy and fast source of information for their users.


Pharmascience-web-design-case-study-news-list-and-news-detail-pages


DESIGNED FOR TOUCH DEVICES


With the number of smartphones approaching almost 40% of the population of Vietnam, the cheap data plans and the nearly coming 4G, Vietnamese users tend to navigate the internet more through their mobile devices than regular desktop computers. With this in mind, we designed and developed every element of Pharmascience´s website thinking of the mobile user experience. We custom designed the responsive version of the website featuring touch gestures that match the user experience, improving the navigation of the site.


Pharmascience-web-design-case-study-resposnive-design-tablet-and-mobile


EASY ACCESS TO INFORMATION


The website was designed and developed mainly for doctors who use or may want to use Pharmascience products. These doctors are mostly 40+ year old and thus would prefer a simple, straight forward navigation system. We worked with Pharmascience team to keep the menu as easy and simple as possible while still trying to provide all the necessary information for the users. Having in mind the wide range and amount of content that Pharmascience provides on their website, we designed a search function that elevates the user experience on the site. With a simplified and friendly responsive design, we let the user search the different types of content within the site in the least possible amount of clicks.


Pharmascience-web-design-case-study-search-function



Pharmascience Canada logo


ANTOINE NGO

PHARMASCIENCE VIETNAM
They were willing to hep in every way, developing a professional and beautiful website which showcase our company very well. Their ability to develop creative solutions to the functionality and use experience of our site made for a fantastic en result. I was impressed all around with their skills, customer service and attention to detail every step of the way.


Pharmascience web design case study: nilead meeting with client team

yen thanh

BRANDING & ECOMMERCE WEB

We teamed up to create a full branding experience that showcased the high quality and environment-friendly products that Yen Thanh offers
next project

LET’S START TODAY


Contact us today for free consultation and get your project quoted and started within hours. Need a
project done next week? We can do it, let's get in touch.

contact us