Kuo-Wei Lee Portfolio of Work

Page 1

Kuo -Wei Lee Portfolio of Work

"I certify that the work included in this portfolio is my own original work. Work included which was conducted as a part of a team or other group is indicated and attributed as such - the other team members are named and a true description of my role in the project is included."

1

Table of Contents

Toyota Health Time Machine 4

• Driving Assessment Design Thinking

• Health Kiosk/App Prototype Development

• Health Kiosk Clinic Study Departure Thailand 7

• Brand Strategy Design & Deployment

• Traveler-Centered Experience Store Design Master's Thesis ArtSide 9

• Design Process

• Workshops: Exploring Visual Poetry

KW Studio: Brand and Digital Experience Design 11

• D’Amico Communications

• Alpha MedTec

• Avesta Integrative Medicine

KW Studio: Brand and Presentation Design 14

• Bonnie, The University of Texas at Dallas

• Tim, North Texas Foresight Institute

MIT ARTECA, A Collaborative Effort from 16 The MIT Press, Leonardo and UT Dallas

Self-Initiated Coding Projects I 17

• the abc’s of Helvetica

• Interactive Virtual Piano

Self-Initiated Coding Projects II 18

• Compare iPhone Models!

• Interactive Name Card

Undergraduate Design Portfolio 2013-2015 19

3

Health Time Machine — Driving Assessment Design Thinking

Client Role Timeframe

Toyota Motor North America Aperio Insights UX Designer Winter 2021

Freedom to travel by automobile will continue to be an important factor to maintain personal independence and mental health. As a result, we need a rigorous/strict way to assess drivers in order to decrease accidents and prevent dangerous driving.

Objectives

Conduct design thinking workshops to explore key process steps from consumers and experts that yield a more refined proof -of-concept of driving assessment for seniors including:

• Outline potential approaches to conduct driving assessments

• Identify optimal process flows and specific functions for each step

• Mockup screens that depict these process flows & functions

• Convert select mockup screens into a 1-minute explainer video

Learn more: kuoweilee.design/driving-assessment

Things you CAN measure:

• Informational

• Experimental

• Sensory

Things you CANNOT measure:

• Informational

• Experimental

• Sensory

Outline potential approaches to conduct driving assessments

Project Lead: Mike Courtney, Principal at Aperio Insights

Design Lead: Cassini Nazir, Assistant Professor at The University of North Texas

4
2021 Design Thinking Workshop | Quantitative Research | User Experience
i i E E S S

Health Time Machine — Health Kiosk/App Prototype Development

Client Role Timeframe

Toyota Motor North America Aperio Insights UI/UX Designer Spring 2022

We explored consumer interest in a driving assessment & wellness - centric service. This project focused on developing a mock-up assessment app (smartphone and kiosk) to measure driving behaviors and provide personalized guidance based on assessment results via a clickable prototype.

Objectives

Develop low- and hi-fidelity prototypes for drivers’ health checkups that can later be used for user testing.`

App scope – Would include 3 major sections:

• Wellness Assessment

• Quiz-type assessment that looks at driver health and wellness

• Prompts user for recommendations, discounts and rewards

• Driving Assessment and

• Simulate data being transmitted to/from app/vehicle

• Simulate usage of driver patterns over time

Prompts user for recommendations, discounts and rewards

• Brain Training

• Based off of brain health assessment apps

• Prompts user for recommendations, discounts and rewards

Learn more: kuoweilee.design/health-checkup-prototype

Project Lead: Mike Courtney, Principal at Aperio Insights

Design Lead: Cassini Nazir, Assistant Professor at The University of North Texas

Figma's prototyping to create interactive flows that explore how a user may interact with the designs

5
Interaction Design | Product Development
2022

Health Time Machine — Health Kiosk Clinic Study

Client Role Timeframe

Toyota Motor North America Aperio Insights UI/UX Designer Summer 2022

A self-serve, informational kiosk was deployed at two Toyota dealership locations in North Texas to validate proof- of- concept of driving assessment for seniors. I assisted in conducting over 20 intercepts to understand attraction and expectations. Kiosk screens were refined based on consumer feedback.

Objectives

Setup the mock kiosk and messaging posters at locations and observe its ability to attract consumers. Intercept select individuals and inquire as to what prompted them to approach the kiosk. Also intercept those who saw but did NOT approach the mock kiosk to understand why they passed it by. The focus of this project is to better understand:

• Attraction: How might TMNA attract consumers to take the health and driving checkups via a kiosk?

• Experience: In what ways does the kiosk experience with its health and driving checkups change their minds about driving safety?

Learn more: kuoweilee.design/HTM-Kiosk- Clinic-Study

Project Lead: Mike Courtney, Principal at Aperio Insights

Design Lead: Cassini Nazir, Assistant Professor at The University of North Texas

Utilize MURAL, an online collaboration platform, to keep stakeholders posted in real time

6
Interaction Design | Product Development | Ethnography | Consumer Analysis
2022

2019-2022

Creating a distinctive and powerful brand is essential for fostering connections with clients. An effective branding plan can increase customer loyalty, boost brand recognition, generate repeat purchases, and stimulate word- of-mouth promotion and recommendations.

At Departure Thailand, I achieved a range of design projects as Manager, Design from Nov. 2019 to Jul. 2022.

These included

• leading branding workshops for repositioning and localization in Thailand,

• devising Brand Guidelines for team members to adhere to and ensure visual brand consistency,

• working with the Marketing team to develop sales campaigns, pinpointing Ideal Customer Profiles (ICPs) to guide us in creating campaigns for the right audiences,

• developing an e-commerce website for the business in Southeast Asia

• establishing a seamless online-to-offline(O2O) omnichannel strategy,

• designing Departure’s first UX-oriented store overseas, and

• constructing a strong packaging and unboxing strategy and allowing the experience to leave a strong impression on consumers.

Brand Style Guidelines: bit.ly/Departure_Brand_Guidelines

Omnichannel Strategy with ConnectPOS: bit.ly/Departure-ConnectPost

E-commerce Website: departure.co.th

7
Design Sharing: bit.ly/D_Design_Sharing
Global Expansion | Brand Experience Strategy | Visual Design | E-commerce Development
Brand Strategy Design & Deployment Design system
Departure Thailand—
Branding workshop
Departure style guide ensures a consistent brand experience for customers across channels. Competitor analysis/mapping

2019-2022

Departure Thailand—

Traveler- Centered Experience Store Design

Worked with a Japanese interior design team, we designed Departure’s first UX- oriented store overseas.

Compared with regular travel retail, Departure focuses on the “traveler experience”, Departure Thong Lo is a store dedicated to customers who have a chance to experience and interact with products deeply. As we live in an era of advanced technology, the online - shopping experience is very important to Departure as well. We provide leisure and roomy space and an omnichannel sales allowing customers to connect their digital and physical world, which make them browse the color variations at a glance easily and quickly on iPad, and then experience the real product in person in order to help them make the right and suitable decision.

The store offers exquisite pavement slope, size guide and the luggage breakdown for the sake of allowing customers to explore the product they are interested, and Departure’s philosophy With us, you can go anywhere. comprehensively.

Asymmetrical Floor Plan

Diagonal Composition represents a balanced composition of dynamically intersecting and crossing parallel and diagonal lines. Diagonal lines suggest movement and action to create dynamic and lively vibes

8
Traveler Experience Design: bit.ly/TL13_Design Store Walk-through: bit.ly/DTL-TWExcellencePCHOME Brand Experience Design | Visual Design

Master’s Thesis| User Experience| Interaction Design

2017-2018

Master's Thesis —ArtSide

Supervisor: Cassini Nazir, Clinical Associate Professor School of Arts, Technology, and Emerging Communication The University of Texas at Dallas

Public art creates a sense of pride and community identity. It represents the public history of cities, enriches the culture, and reflects public thinking in society. Public art can create meaningful relationships between cities and their citizens. ArtSide, is a mobile prototype that connects individuals to public art and provides a social platform to interact with others about the pieces.

Ultimately, my thesis was awarded a HASTAC scholarship, and as a Lead Presenter, I was selected to present at two conferences: the Alliance for the Arts in Research Universities (a2ru) and the ResearchArt-Writing Conference at UT Dallas.

Learn more about the design process at kuoweilee.design/artside-design-process

View the subject-matter expert interviews at goo.gl/2YSAKM.

Acknowledgements

Many thanks to Cassini Nazir, Roger Malina, Greg Metz, Vic Simon, Joyce Hong, Shruthy Sreepathy, Yusra Khan, the faculty of The University of Texas at Dallas, and the members of ArtSciLab.

9

2017-2018

Master's Thesis —ArtSide Workshops: Exploring Visual Poetry

Interactive sessions engaged people to provide opinions, experiences, and stories.

The problem we've got is that journal is an app feature where user can write about their experience with public art, add images/videos and share it with others. This feature was design in the conventional way how most social media platforms provide. We wanted to come out of this conventional way of hash tag, image gallery and selfies. We’d like to build a space where sharing their experience with public art itself becomes an experience and an opportunity to think and write creatively. Three one -hour interactive workshops allowed participants to share their personal insights into public art and perspectives about how technology can be used to enhance the experience of public art. I gathered the artifacts produced during the workshops to provoke creative possibilities for ArtSide - Visual Poetry.

Learn more about the workshops at kuoweilee.design/design-workshops

Acknowledgements

Workshop Co-hosts: Shruthy Sreepathy, Yusra Khan

ArSide’s Visual Poetry Feature derived from the workshops

10
Master’s Thesis| User Experience Workshops
11 Corporate Identity and Digital Experience Design Rebranding and designing a website for a Certified ServiceDisabled Veteran- Owned Small Business (SDVOSB) D’Amico Communications allows them to effectively represent the business and helps it succeed in the digital world. Here are steps I took to approach this project: 1. Research the business and its target audience 2. Define the project scope and objectives 3. Redesign the corporate identity 4. Develop a style guide 5. Wireframe the website 6. Develop the website Website: damicoconsulting.com 2021 Client Timeframe D’Amico Communications 2.5 Months Official website D’Amico style guide: logo, color palette, typography, and imagery. Brand Experience Strategy | Corporate Identity Design| Web Development Role Design and Development

Corporate Identity and

12
Digital Experience Design
1. Research the business and its target audience 2. Define the project scope and objectives 3. Design the corporate identity 4. Develop a corporate identity system (CIS) 5. Wireframe the website 6. Develop the website
Client Timeframe
2 Months wireframing Brand Experience Strategy | Corporate Identity Design| Web Development 2020 Role Design and Development
Develop a corporate identity system and design a website for AlphaMedTec, a consulting firm providing services based on practical experiences for the medical device industry. Here are steps I took to approach this project:
Website: alphamedtec.com
Alpha MedTec

Digital Experience Design –Web Redesign

Avesta Integrative Medicine

In 2018, Avesta Medicine started providing telemedicine consultations in lifestyle, functional and Integrative medicine. The client would like to use website to attract/absorb more customers through online.

Avesta Medicine needs to set itself apart from competitors while maintaining a coherent message. Avesta Medicine website should be nimble, and passionate about telemedicine services / medical consultation and we need that to be at our core.

See more details: kuoweilee.design/avesta

13
Client Timeframe
2 Months Design process Brand Experience Strategy | Web Redesign 2018 Design brief Topline Reports Role Design and Development

Visual Identity and Presentation Design

Client Role

Tim Morgan, Consulting Futurist North Texas Foresight Institute (NTFI)

Design and Development

Designed Logos and visual identity systems for Tim’s Everyday Futurist & NTFI and developed a slide deck template for Tim’s presentations (workshops, lectures, and professional presentations) to accommodate his two brands:

• North Texas Foresight Institute a leading- edge source of long-range Business Intelligence for strategic insights & innovation development. Futures Thinking & Strategic Foresight are about making better decisions for today, ones that create future opportunities & anticipate future difficulties. Foresight is the art of winning the race before it starts.

• Everyday Futurist personal writing, lecture, & teaching brand for Tim.

Presentation Design

2022 Visual Design
VIS Design

Visual Identity and Presentation Design

The former Director of The Dallas Museum of Art

Distinguished Scholar in Residence for The Edith O’Donnell Institute of Art History Director Art-Brain Innovations, Center for BrainHealth

15
(workshops, lectures, and courses) to accommodate her three areas of research: • Do Something NEW TM • Power of ObservationTM • Art + Medicine Develop identity that covers all research areas in consistent typefaces, colors, layouts. Do Something NEW™ invites the exploration of an ordinary day and making it extraordinary. The practice helps with the simple interactions of the day giving a focus for being grateful, creative and mindful. I’ve gone through over 2,000 Bonnie's experiences and developed the color system. 2019 Visual Design Color calibration meeting Client Role Timeframe The University of Texas at Dallas Design and Development 1.5 Months Visual identity design: color system exploration, wordmark design Templates
Distinguished Scholar in Residence for The School of Arts, Technology, and Emerging Communication The University of Texas at Dallas Design 3 slide deck templates for Bonnie’s presentations

2016 - 2018

MIT ARTECA, A Collaborative Effort from

The MIT Press, Leonardo and UT Dallas

Supervisor: Cassini Nazir, Clinical Associate Professor

School of Arts, Technology, and Emerging Communication

The University of Texas at Dallas

As a Junior UI/UX Designer at ArtSciLab, UT Dallas, mainly in charge of designing & improving the digital experience on the ARTECA platform, a curated space for essential content linking the arts, sciences, and technologies with alternative methods of peer review and monograph publishing, in collaboration with MIT Press & Leonardo Journal with over 100 subscribing institutions. Assisted with publishing the first Chinese journal article on the ARTECA in collaboration with Tsinghua University and Nanjing University. Co -hosted 4 user research workshops and discovered 7 feature issues & 12 design flaws. Identified 20+ design issues mostly related to navigation system and labeling system through heuristic evaluation which helped refine the content map and improve user flow.

Responsibilities

• Develop UI kit and maintain & improve UI components on the ARTECA platform.

• Create low to high fidelity prototypes for usability testing and demonstration.

• Utilize project management process to track and measure UX deliverables.

• Collaborate with web developers, project coordinators, faculty members and other stakeholders.

• Ability to facilitate usability testing and drive user research workshops.

See more details: kuoweilee.design/arteca

16
Design System | Usability Testing | Web Development

Self-Initiated Coding Projects

Self-initiated coding projects can be a valuable way for me, a designer, to better understand the thinking and perspective of developers and engineers. By working on a coding project, designers can gain a deeper understanding of the technical constraints and considerations that developers must take into account when building a product. This can be especially valuable for designers who are interested in working closely with development teams and want to be able to speak the same language and understand the challenges and opportunities that developers face.

Self-initiated coding projects can also help me develop a greater appreciation for the time and effort that goes into building a product, which can inform their design decisions and help me create more practical and feasible designs.

of Helvetica

17
Interaction Design | Programming | Web Development
2019 - 2020 the abc's
Responsive Web Design Project with Typography, Visual Design. HTML & CSS / JavaScript / RWD / Typography
Neue Haas Grotesk Helvetica.
kuoweilee.design/ the-abcs-of-helvetica Interactive Virtual Piano AJAX imports external data and Vue.js manages/edits data in real-time. HTML & CSS / Vue.js / Ajax
kuoweilee.design/ interactive-piano
I
Note: Please open in Chrome / FireFox. Loading audio takes a moment.

Self-Initiated Coding Projects

Self-initiated coding projects can be a valuable way for me, a designer, to better understand the thinking and perspective of developers and engineers. By working on a coding project, designers can gain a deeper understanding of the technical constraints and considerations that developers must take into account when building a product. This can be especially valuable for designers who are interested in working closely with development teams and want to be able to speak the same language and understand the challenges and opportunities that developers face.

Self-initiated coding projects can also help me develop a greater appreciation for the time and effort that goes into building a product, which can inform their design decisions and help me create more practical and feasible designs.

Note: Please open in Chrome / FireFox. Loading audio takes a moment.

kuoweilee.design/ interactive-iphone-models-demo

kuoweilee.design/ interactivenamecard

18
Interaction Design | Programming | Web Development 2019
- 2020 Interactive Name Card HTML & CSS Exercise HTML & CSS / Animation
II
Compare iPhone Models! Using jQuery to toggle and/or change CSS classes jQuery / JavaScript / HTML & CSS

Undergraduate Design Portfolio

A variety of design projects completed during undergraduate studies, ranging from product design, graphic design, and photography.

With a Bachelor of Engineering background at National Taiwan Normal University has prepared me well with a strong foundation in industrial design and engineering technical skills. These skills likely include a thorough understanding of engineering principles and techniques, as well as the ability to apply this knowledge to the design and development of various products and systems. The education at NTNU has likely prepared me to work in a variety of engineering and design-related fields, and well- equipped me to tackle complex design challenges and solve realworld problems in the future.

Portfolio: kuoweilee.design/productdesign

19
Project | Product Design | Graphic Design | Photography 2013
Capstone
- 2015

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.