for Client Visonmed

a redesign of Visonmed’s brand identity and company website to help it adapt to the global pandemic with flexibility.

 
 

Team

1 Designer (me) and 1 Developer

 Type

Client Project (currently in development stage)

Duration

1 month

Tools

Sketch and Illustrator

They asked for

The Client

Visonmed has supplied a range of medical items to businesses worldwide for more than 15 years.

A redesign for their website to help them to improve brand trust during Covid-19, when they experienced a great increase in the number of clients and market competitiveness.

Problems

  1. Structural Confusions: repeated but different navigation bars, only one tab has multiple sub tabs.

  2. Seems Suspicious : news haven’t been updated for a long time, the cheap flash animation, weird login system.

  3. Typical Web 2.0: users are expected to find information by themselves.

未标题-2.png

The Solution

  1. More simplified and flattened information architecture.

  2. Get rid of the dubious parts and elevate the brand through visual design.

  3. Adapt it to Web 3.0, where the only thing users need to do is effortless scrolling.

Brand Keywords

Trustworthy / International / Quality

Drafts and Sketches

画板 2.jpg

More Finalized Ones

 
 

Final Choice

With the logo that I recommended the most, I designed several iterations in different color choices and gradient uses. The client also liked my choice and we reached agreement very soon.

画板 16副本.jpg
 
 
 

01Build Up Credibility

The homepage gives a quick but comprehensive impression of the company’s mission, products, and contact details.

Visual Preview备份 2.jpg
Visual Preview备份 3.jpg
 

 02 Up to date

Clarification about COVID-19 protocols and buying processes.

 
 
 

03 Directness

Get to know the actual products and see which ones the potential clients want to order in large amounts.

Visual Preview备份 4.jpg
Visual Preview备份 5.jpg
 

 04 Informative

Facilitating better communication through messaging, FAQs, contact details and a time zone accurate clock.

 
 

Design System

Style Guide备份.jpg

Responsive Layout

Margin 24 px and Gutter 24 px

截屏2020-11-20 下午11.11.00.png

Design Process

iPhone 8备份 15.jpg
iPhone 8备份 16.jpg
iPhone 8备份 15.jpg