Nutnaree Wongthongdee | UX/UI Portfolio 2023

PORTFOLIO Nutnaree w.

UX/UI AND VISUAL DESIGNER

Nutnaree w.

EDUCATION

2006-2011

SCIENCE-MATHEMATICS PROGRAM

Ratchananthajarn Samsenwittayalai 2

DEPARTMENT OF MEDICAL EDUCATION TECHNOLOGY,

Faculty of Medicine Siriraj Hospital, Mahidol University

WORK EXPERIENCE

MR.MEE STUDIO

Motion Graphic Designer Internship

ADVANCE INFO SERVICE (AIS), DIGITAL LIFE DEPARTMENT

UX/UI and Visual Designer

HEAD&HEART CREATIVE AND STRATEGIC SOLUTION

Graphic Designer & Motion Graphic Animator

FREELANCE

PERSONAL INFORMATION

Illustrator & Motion Graphic Animator

SAINT LOUIS COLLEGE, INFORMATION TECHNOLOGY DEPARTMENT (MULTIMEDIA)

Graphic Designer, Video Editor, Motion Graphic Animator

SKILLS

Sketch / Xd / Figma

Adobe Illustrator / Photoshop / After Effects / Premiere Pro / Audition / Indesign

CONTACT

nutnaree.won@gmail.com

Procreate / Nomad Sculpture (iPad)

Microsoft Office / iWork suite / Google Workspace

I graduated with a bachelors degree in Medical Educational Technology, Faculty of Medicine Siriraj Hospital from Mah dol University

I studied about Medical Science and Media Arts We learned multiple skills includes Medical Illustrat on, Photography, Model, Education Technology, Publ shing and Digital Media for support and providing Medical and Science Knowledge from the Hospital and related Institution

I had work experiences in UX/UI designer, Creative I lustration and Motion Graph c for 3 years with enterprise of co-working project and design adaptab e with hosp tality, agriculture, business model strategy, smart living and more about Kids Learning, Activit es, Online Contents and TV Production

NAME E-MAIL NICKNAME TEL. BIRTH DATE LINE LOCATION FACEBOOK TWITTER INSTAGRAM WEBSITE 2015 Design Offices

2023

2012-2016 2016-2019 2020-2021 2021-2022

ณฐนร วงศทองด

Nutnaree Wongthongdee

Faah (ฟา)

@minifaah illust @minifaah illust

illust

082-417-9441 14/09/1994 azureiiz Nonthaburi, Thailand MINIFAAH

opl.to/minifaah

UX RESEARCH & UI DESIGN

UX RESEARCH UI DESIGN

User’s Journey : User Story, Story Mapping Swimlanes Prototype และเชอมตอกบระบบ Online Shopping การเชอมตอระบบ Smart Device เขากบ Application โดยสามารถใชงานไดทงผานโทรศพทมอถอของผใชงานในบาน และหนาจอ Interface Tablet ทตดตงภายในบาน เพอสงการตาง ๆ เชน เปดปดเครองใชไฟฟา, การใชงาน Scene, การตงคาเงอนไข (Condition), ระบบความปลอดภยและวงจรปด และยงมการใสลกเลนเลก ๆ เพอตอบโจทยไลฟสไตลทครบครน เชน การตงคาเซอรไพรซคนในครอบครวในวนสาคญตาง ๆ Nutnaree w. UX & UI PORTFOLIO เปนการใชหลกการตลาดโดยยด Business Model เพอทาใหตวแอปแตกตางจากสมารทโฮมเจาอน ๆ Challenge การทางานไดเรมตนตงแตการ Research ตงแตฝง User ผใชงานในบาน ไปจนถงความสามารถของระบบหลงบานทใชเชอมตอ ตองลงไปเทสทหนางาน (หมบาน) จรง ผานการทางานรวมกบ Dev. แบบ Scrum Process ระหวางขนตอน มการเพมระบบการใชงานตามความตองการของลกคา (SC Asset) และฟงกชนเพมเตมทใสเพอดงดด Customer Relationship Style guide Assets / Components High fidelity mockups

SMART HOME

UX RESEARCH & UI DESIGN Nutnaree w. UX & UI PORTFOLIO

PROCESS OVERVIEW

Booking for Others

Multi-destination

Sharing Live Location

Favorite Route and Place

Promotion List

Application ใหบรการแทกซ และบรการ สงสนคาออนไลน โดยตโจทยฟเจอรตาง ๆ จาก Pain Point การใชบรการของ User และรวบรวมออกมาเปนฟเจอรตาง ๆ ใหตอบโจทย และสามารถแกไขปญหากบผใชงานโดยตรง เชน Nutnaree w. UX & UI PORTFOLIO UX RESEARCH UI DESIGN User’s journey / Swimlanes Prototype High fidelity mockups

UX RESEARCH UI DESIGN

Prototype เพอแจงขาวสาร สงเรองรองเรยน บนทกนดหมายประชม และสามารถสงรายงานสรปตามคาสงการตาง ๆ Problem : ดวยการทางานผานเอกสารกระดาษททาใหกระบวนการอนมตทลาชา คนหาลาบาก และเปลองทรพยากร Application ThaiDLA จงเกดขนเพออานวยความสะดวกใหกบเจาหนาทกรมและองคกรสวนทองถน Style guide Assets High fidelity mockups UI DESIGN & ILLUSTRATION Nutnaree w. UX & UI PORTFOLIO

THAI DLA

ONE SIAM

UX RESEARCH UI DESIGN รวมถงการออกแบบในสไตลทแปลกใหม เพอใหแอปดเขาถงงาย ไมนาเบอ Application สาหรบใชในหางสรรพสนคาในเครอสยามภวฒน โดยตองออกแบบแอปกลางทสามารถเปลยนธมสและ Content ไปตาม Location ของหางนน ๆ เชน เมอยนอยทสยามพารากอนหนาแอปกจะเปน CI ของสยามพารากอนในธมหรหรา เมอเดนไปจนถง Siam Center ธมแอปกจะเปลยนไปเปนแนวทดทนสมย โมเดรนขน รวมถงการแสดง Content ตาง ๆ เชน โปรโมชน ผงของหาง และตาแหนงทจอดรถกจะเปลยนไปตามหางนนดวย เพอใหการใชงานสามารถจบไดในแอปพลเคชนเดยว ทาให User ไมตองโหลดแอปบอย ๆ ตามจานวนหางทไป และให User สามารถเขาถงโปรโมชนและกจกรรมของหางนนไดงายยงขน การออกแบบเปนการทดลอง Prototype และ Dynamic Theme เพอปรบเปลยนไปตามธม CI ของทกหาง ซงตองใหความสาคญทงในสวน Grid Line และ Layout เพอรองรบการปรบเปลยนโทนสและฟอนททหลากหลาย

Prototype Style guide Low fidelity mockups High fidelity mockups

Nutnaree w. UX & UI PORTFOLIO

Dynamic Themes UI DESIGN

ONE SIAM

Low fidelity mockups

UI Style guide

UI DESIGN Nutnaree w. UX & UI PORTFOLIO

Turn static files into dynamic content formats.

Create a flipbook