Portfolio - UXUI & Graphic_Darat

Page 1

Portf olio Darat UXUI Designer


-bout me

Know me …

D A R AT M O K H O M

I am a passion ate ar t ist wh o l o ve s c o n n e c tin g people an d tech n o l o g y t h r o ug h sim pl e ye t f u n ction al u ser inter f a c e s


-bout me

Co nta c t 065862823 1 ggdara@g m a i l .c om ww w .linke d i n.c om /i n /d a r a tm h


Sof t w ar e Ski l l s Ad ob e X D, Fig m a, Ad ob e Illu s t r ator , Ph otos h op , Af ter E f fect , Wor d p r es s ,W ix


Da ra t Mokho m

UXUI Designer 9 A pri l 1 9 9 5 ggdarat@gm ai l. co m www. linkedin.com /in/ d arat mh 065- 8 6 2 -8 2 3 1

Ex per ien c e Gr ap hi c & U I De s i g n e r | Ci p h e r . , c o . Lt d Mar 2 0 2 0 - M ay 2 0 2 1 ( S o f tw a re a n d Mar ket in g Ag en cy ) - Developed UI designs, wireframes, user flows and icons kit for Asia Books online store using Adobe XD and Illustrator. - Worked closely with different stakeholders to identify business requirements and needs, presented, defended and implemented various designs and ideas. - Managed and executed graphic design needs for more than 10 companies, including international ones.

Gr ap hi c D esi g n e r | T N Y A c a d e my N o v 2 0 1 8 - Fe b 2 0 2 0 ( Co a c h i n g A g e ncy ) - Designed social media kits, banners, motion graphics and animated video titles with brand consistency across all digital formats in mind. - Organized and managed seminars, created j-flags, presentations and other commonly used materials.

Gr ap hi c A r t s Te a c h e r | S BAC May 2 0 1 8 - S e p 2 0 1 8 ( C o l l e g e ) - Taught sketching, drawing and design thinking to a class of 30 students. - Created assignments and provided instruction, feedback and grades.

Gr ap hi c D esi g n I nte r n | S pi c yd i s c Jan 2 0 1 8 - M a r 2 0 1 8 ( M u s i c Co m pa ny ) - Co-authored few album covers for musical bands such as “The rube” and “Kor Notapol” that can be seen in Spotify. - Participated in organizing “Melody of Life 11” and creating various artworks for its promotion.

Ed uc at ion Gr ap hi c and M ul t i m e d i a De s i g n | Bach elor 's d eg r ee Su a n S u n a n d h a Ra ja bha t Uni ve r sit y ( 2014 - 2018)

C r eative F i e l d s Graphic, Drawing, Motion graphic, UI & Wireframe, CSS, HTML



UI Next

D A R AT M O K H O M


Concept Most of the people who enjoy reading books are also people who love peace. Remaining silent no matter how many people are inside is the charm of the library. Therefore, we believe that Asiabooks is like a library. It is designed to be comfortable to look at, easy to use, and meet the CI of Asiabooks.

Colors Revamp website

Old website Asiabooks

47% 3%

Icon

50%

19%

80%

1%

Outline icons give a minimalist feel, look and impression. Since the website has a large number of products using outline icons gives more space and time to pause and rest the eyes.



20% OFF BEST SELLER

Invent and wander : the collected… By Bezos & isaacson

฿350.00

฿422.00

Add to bag

Created with Adobe XD customized Magneto 2 theme




Wireframe


Created with Adobe XD customized Magneto 2 theme


Private Wealth Management services

Private Banking Services

Family Office

We provide independent Investment advisory services to meet the investment preference of our affluent clients.

We provide highly personalized investment advisory and management services to meet the needs and requirements of our high net worth clients.

We partner with offshore private banks to offer family service that covers strategy in asset allocation and business succession, Our alternative investment solutions include private equity and real estate funds.

Created with Adobe XD customized Magneto 2 theme


Created with Adobe XD customized Magneto 2 theme


Gra -phic Next

D A R AT M O K H O M


Design Element

khakhay

K

khakhay K is the first letter of the name "Khakhay", it helps people to easily recognize the brand by looking at the logo.

cart Brings up the associations of the shopping experience at the big malls.

Pictorial mark design is icon + graphic based logo design that separates logo and name making it to look more reliable and user friendly. By using a blue tone it also becomes a bit more mature in terms of logo style. Rounded corners smoothen the square and soften the logo’s appearance. For the ease of recognition the logo will be represented in a form of the letter K contained in a shopping cart.


#1A3F74 C 0 M 84 Y 28 K 13 #0D203A C 96 M 82 Y 47 K 56

#142F57 C 0 M 87 Y 38 K 32


khakhay Color

Color Palatte

Primary

#1C4B97

#EDF5FF

#FF4800


Typograpghy

Aa Aa

Kanit Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบ ปผฝพฟภมยรลวศษสหฬอฮ 1234567890

Kanit Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบ ปผฝพฟภมยรลวศษสหฬอฮ 1234567890

Aa123 khakhay Icons

Aa123


a dve r -tising

- google ads


Inforgraphics for the website and FB page, content about health, Covid and medicine


Inforgraphics for the website and FB page, content about drugs, behavior and treatment


- google ads

- Motion graphics 1.45 minutes about rehabilitation

https://youtu.be/vAPMoKBBFNM


- Ads on FB


- Ads on FB


Showcase




What’s Next

D A R AT M O K H O M


- Motion graphics 6.50 minutes about safety

https://youtu.be/4A6Gasf39Nk


- Motion graphics 1.10 minutes about online coursein

h t t p s : / / y o u t u . b e / yX l u 0 Tr S xW k


Tha nk y ou Darat (n) a well mind and always beautiful thinking


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.