[uns]design portfolio

NGUYỄN HẢI NAM

DESIGN PORTFOLIO SELECTED WORK FROM 2017 TO 2018

2

TABLE OF CONTENTS

01.

02.

UI DESIGN

BRANDING DESIGN

3

UI DESIGN

01

01.

ANKO WEBSITE Client : Anko Vietnam Years

: 2018

Roles

: U I D e s i g n e r , P r o d u c t i o n Te a m L e a d e r

GIỚI THIỆU Anko là một thương hiệu đã tham gia vào ngành F&B với hơn 10 năm kinh nghiệm. Qua trao đổi và lam việc, anh Dũng - Marketing leader chia sẻ về những đổi mới trong nội bộ Anko, bắt đầu với việc khởi động dự án website. Với yêu cầu về việc tạo ra một cảm giác mới mẻ, tươi trẻ, playful gắn với hương vị chocolate mà Anko đã mang tới những khách hàng của mình, trách nhiệm của agency là thiết kế một website chức năng mang đến nguồn năng lượng mới cho Anko.

6

Trang chủ với ảnh gif

SHOOTING Phần Shooting được tôi trực tiếp thực hiện với nhiệm vụ tạo ra những shot hình sạch sẽ, chỉn chu để đưa lên web.

Hero Image với concept về một ngọn núi tạo thành từ kẹo được lên kế hoạch và thực hiện bởi Team Production của Direction Agency.

Với một trang web mang tính chất playful, tôi đưa ra ý tưởng sử dụng ảnh gif bảo đảm cho website chạy mượt mà.

Hình ảnh chưa qua chỉnh sửa

Những hình ảnh thô được xử lý và đưa lên các banner sản phẩm tạo cái nhìn sạch sẽ, thiện cảm, phù hợp với xu hướng sử dụng ảnh thật của website

Hình ảnh đưa lên banner

7

ĐẶT VẤN ĐỀ VÀ GIẢI PHÁP Với việc được client bật đèn xanh, chúng tôi phải đưa ra được một concept khác lạ, hấp dẫn, tương tác với khách hàng thông qua những điểm chạm mới, phù hợp xu hướng.

Homepage Anko Là dự án khởi động của một Anko mới website mang trong mình cả chức năng của landing page và web chức năng. Vì vậy phần Homepage phải thật hấp dẫn, tạo hứng thú cho người đọc scroll và khám phá website Bố cục 2 cột được đưa ra giúp việc theo dõi tiện lợi, hình ảnh chiếm nửa màn hình với phần content được tối giản qua những từ ngữ ngắn gọn, dễ hiểu Các Page chức năng được tạo ảnh cover lớn sử dụng các hình ảnh flatlay trực quan, hiện đại.

Banner dành cho các Page chức năng

8

Showcase sản phẩm với menu dropdown

9

02.

Crypto4life Landing Page Client : Crypto4life Years

: 2018

Roles

: UI Designer

DESCRIPTION Tham gia vào khóa học UID02, tôi được tạo điều kiện hoàn thiện landing page cho một sản phẩm về cryto currencies có tên là “Crypto4life”. Với mục tiêu mang đến cho những nhà đầu tư một nền tảng đầu tư hiệu quả và an toàn, landing page có nhiệm vụ tạo thiện cảm và thu hút với user ngay từ những cái nhìn đầu tiên đồng thời flow nội dung phải hấp dẫn, tạo hứng thú cho người đọc

10

Geometric Illustration

Mad libs form

Custom Icon

11

12

13

03.

Play Energy Bar Website Client : PEB Years

: 2018

Roles

: UI Designer

GIỚI THIỆU Công ty cổ phần GoodBridge Vietnam là một doanh nghiệp trẻ hoạt động trong ngành thực phẩm và đồ uống. (Food & Beverage). Sản phẩm Play Energy Bar với mục tiêu đem đến cho người tiêu dùng Việt Nam một sản phẩm chất lượng về vấn đề năng lượng. Trong Phase 1 của dự án, hai page “Home” và “Sản phẩm” được thực hiện mang màu sắc hiện đại, mạnh mẽ.

14

Silder đáp án giúp thu gọn thông tin và dễ hiểu.

Silder đáp án giúp thu gọn thông tin và dễ hiểu.

15

Homepage

16

Sản phẩm

17

BRANDING DESIGN

02

01.

AriesTech Branding C l i e n t : A r i e sTe c h C o Years

: 2017

Roles

: Graphic Designer

GIỚI THIỆU AriesTech mang tới cho người tiêu dùng VIệt Nam một giải pháp tổng thể về nhà thông minh. Logo được lên ý tưởng dựa vào nút mở khóa trên quen thuộc trên Iphone, một cái quét chạm tới sự thông minh

20

Main Logo

Typography

Color

Icon

21

Brochure

22

23

02.

Ahamove Branding Client : Ahamove Co Years

: 2017

Roles

: Graphic Designer

GIỚI THIỆU AhaMove hiện đang đứng hàng đầu trong lĩnh vực giao hàng nội thành tại TP Hồ Chí Minh và Hà Nội, là một start-up mới và đầy nhiệt huyết của tuổi trẻ. Vấn đề của bộ nhận cũ là nó khá giống với một start-up tương tự và cũng chưa thực sự nổi bật. Chính vì vậy, re-brand là việc cần thiết để taoj ra sự khác biệt. Ý tưởng về logo được lấy từ chữ A và những đường line thể hiện tốc độ, nhân vật mascot cũng mang tới sự thân thiện và năng động.

24

Main Logo

Logo Variation

Main Logo

Text Logo

Logo Symbol

Color

Typography

25

App Illustration

26

27

03.

Baron Coffee Client : Baron Coffee Years

: 2017

Roles

: Graphic Designer

GIỚI THIỆU Baron Coffee nằm tại số 43 Hai Bà Trưng định vị trở thành một thương hiệu cà phê sang trọng theo phong cách châu Âu. Logo nổi bật phong cách đó bằng cách thể hiện monogram hai chữ cái “B” và “R”, đem lại cho khách hàng cảm nhận đầu tiên về một không gian sang trọng.

28

29

04.

A&M Studio Client : A&M Studio Years

: 2018

Roles

: Graphic Designer

GIỚI THIỆU A&M Studio được tạo ra từ ý tưởng của hai founder về một studio nội thất mang phong cách Scandinavi. Ý tưởng về logo về một lối sống thanh tịnh, nhẹ nhàng được hình ảnh hóa dưới dạng những đường hình tinh tế với lát cắt nhẹ nhàng tạo sự thống nhất và hài hòa cho tổng thể logo.

30

Typography

Josefin Sans Bold Headline

Josefin Sans Light Body Text

Color

Stationary

31

05.

EVN NPC Re-Brand Client : EVN Years

: 2018

Roles

: Graphic Designer

GIỚI THIỆU Với vị thế là doanh nghiệp dẫn đầu cả nước về doanh thu, tổng công ty điện lực miền bắc luôn hướng tới việc duy trì danh hiệu này. Để phù hợp với định hướng này, re-branding là việc cần làm để làm mới lại hình ảnh của công ty, vốn đã lâu chưa được cập nhật.

32

ĐẶT VẤN ĐỀ Với một cấu trúc phân cấp cồng kềnh và to lớn đặc thù của một tổng công ty đầu ngành, các yếu tố đồ họa đưa vào phải dễ dùng, có khả năng triển khai dễ dàng tới từng đơn vị địa phương.

Re-brand nhưng không được thay đổi logo và phải liên tưởng được tới sự dẫn đầu, mạng lưới kết nối một quốc gia.

Graphic Identity Để tạo ra bản sắc về thương hiệu của EVN NPC đồng thời vẫn hoà hợp với thương hiệu EVN tổng cũng như khắc phục được các vấn đề đang gặp phải, tạo ra các hoạ tiết nhận diện (graphic identity) là giải pháp đáp ứng được các nhu cầu này.

Graphic Identity 1 được lấy cảm hứng từ các tia sáng mà điện năng được tổng công ty điện lực miền Bắc mang tới.

Ba tia sáng tạo ra một nhịp điệu về sự tăng tiến lên phía trước, thể hiện bản sắc dẫn đầu ngành của Tổng công ty. Tia sáng màu đỏ thể hiện sự đặc trưng, mang lại điểm nhấn cho tổng thể cả họa tiết

Graphic Identity 2 được tạo thành từ những đường cắt của ngôi sao ngoài cũng của Logo. Bằng cách thể hiện các đường chéo đan xen với nhau gợi cảm giác về sự lan truyền của điện năng. Các đường thẳng không có điểm kết thúc thể hiện sự vươn xa của mạng lưới điện, những mạch máu của đât nước. Tạo hình mang tới sự sang trọng, chỉ nên sử dụng với các ấn phẩm sang trọng có sử dụng kĩ thuật in ấn cao cấp.

Color brand color

support color

33

Typography Headlines

Josefin San Body Text

Helvetica Neue Regular Sample

CHÀO MỪNG KỶ NIỆM 63 NĂM NGÀY THÀNH LẬP TẬP ĐOÀN ĐIỆN LỰC VIỆT NAM (1954 – 2017) Suspendisse condimentum, ipsum id dignissim ornare, justo libero feugiat dui, at mollis lectus odio ac lorem. Nulla in felis gravida, ornare est ut, fringilla orci. Praesent tincidunt mauris eu enim lacinia elementum. Vestibulum feugiat vulputate venenatis. Nunc vulputate lectus eu eros ultrices cursus quis quis velit. Suspendisse eu iaculis tellus. Donec eu dictum sem. Aenean vestibulum, libero non mollis viverra, nibh arcu consectetur justo, et tincidunt dolor nibh at orci. Vivamus pellentesque nunc vel tincidunt finibus. In turpis urna, tincidunt eu cursus eu, feugiat eu nunc. Suspendisse potenti.

34

35

06.

The Manor Sapa Booklet C l i e n t : B itexc o Years

: 2018

Roles

: Graphic Designer

DESCRIPTION Với tổng giá trị dự án lên tới 1,2 tỷ USD, The Manor Sapa là một trong những dự án trọng điểm của Sapa và tập đoàn Bitexco. Booklet mang tới cho những investor sẽ đầu tư vào dự án này một cái nhìn tổng quan về dự án. Phong cách thiết kế chính được sử dụng mang hơi hướng phương Tây cổ điển, phục vụ cho đối tượng độc giả chính là các investor phương Tây. Cảm giác sang trọng được nhấn mạnh bằng những yếu tố về chất liệu và kỹ thuật in ấn.Hình ảnh key-visual được lấy cảm hứng từ các đường đồng mức và hình ảnh ruộng bậc thang. Tông màu được sử dụng là màu vàng sữa và xanh cổ vịt. Phông chữ được sử dụng là các phông San-serif

36

Hình ảnh ruộng bậc thang

Key Visual Exploration

37

BY UNS

THANKS FOR READING