DTSVN - Vietnam Digital Transformation Solutions Co., Ltd
For DTSVN website project, our first step was to clarify the requirements, define and set clear goals for the entire project. Specifically, in terms of bridging the gap between DTSVN and customers, the website needs to show the following characteristics: Professional, Dedicated, Trust-worthy, Smart, Modern, Technological.
-
Client
DTSVN
Publish date
07/09/2021
-
Service
Digital Experience Renewal
PC/Mobile Website
UI/UX Design
Brand Strategy/ Identity
Visual design
Brand voice
Brand tone of voice is what the brand will need to show through media channels, which can be roughly understood as the brand's communication tone. Each person with his unique personality will exude that personality in different ways, of which the most important are manners, gestures, manner of speaking,...
-
Professional
01 -
Dedicated
02 -
Trust-worthy
03
Tone of voice
The special feature of DTSVN is not only the product's performance, but also the emotional values revealed in the process of implementing projects, helping build customers' trust and make them feel the professionalism in the solution provided.
Logomark
The DTSVN logo is the combination of 4 visualized modules from 4 elements of DTSVN's value system revolving around the heart "Values". This axis system rotates and connects to form a solid ideological foundation for DTSVN.
Brand Color Palette
Colors are selected following the brand's personality, which brings a clearer sense of DTSVN to customers - modern, smart and professional feelings with trust and sincerity.
Primary 1
#0E245B
R:14 G:36 B:91
C:100 M:93 Y:34 K:30
1.Navy Blue
Primary 2
#C6E2F7
R:198 G:226 B:247
C:20 M:3 Y:0 K:0
2.Pastel Blue
Secondary 1
#C6E2F7
R:198 G:226 B:247
C:20 M:3 Y:0 K:0
3.Celurean
Secondary 2
#C63205
R:198 G:50 B:5
C:16 M:93 Y:100 K:5
4.Orange
Secondary 3
#50D6AC
R:80 G:214 B:172
C:60 M:0 Y:45 K:0
5.Turquoise
Primary colours
#0E245B
R:14 G:36 B:91
C:100 M:93 Y:34 K:30
Navy Blue
#C6E2F7
R:198 G:226 B:247
C:20 M:3 Y:0 K:0
Pastel Blue
Secondary colours
#C6E2F7
R:198 G:226 B:247
C:20 M:3 Y:0 K:0
Celurean
#C63205
R:198 G:50 B:5
C:16 M:93 Y:100 K:5
Orange
#50D6AC
R:80 G:214 B:172
C:60 M:0 Y:45 K:0
Turquoise
Typography
The two typefaces with strong text structure built on the basis shapes (square, circle, triangle), which creates a sense of technology, professionalism, modernity, and be consistent with the logo. The font is earnest enough, not too youthful, but still fully shows its special personality, creating a professional feeling.
Display Typeface
Lexend Deca typeface
Aa
Lexend Deca typeface
ABCDEFGHIJKLMNO
PQRSTUVWXYZ
abcdefghijklmnopqrs
tuvwxyz0123456789
!@#$%^&*()_+
Display Typeface
Lexend typeface
Aa
Lexend typeface
ABCDEFGHIJKLMNO
PQRSTUVWXYZ
abcdefghijklmnopqrs
tuvwxyz0123456789
!@#$%^&*()_+
Project Slide
Homepage
The Homepage has been restructured with the new identity, a color block design style to exude the confidence and professionalism of the brand.
Responsiveness
The interface of DTSVN website is optimized on all standards and different screen sizes to bring an easy and consistent experiences for user without any barriers.