Jui-Hung(Javier)'s Portfolio

Page 1

オウ スイ コウ

SERVICE DESIGNER

UX/UI DESIGNER INTERNSHIP OPPORTUNITY

EXPERIENCED IN DESIGN INNOVATION & IMPLEMENTATION

TAIWAN JAPAN
PORTFOLIO WENG JUI-HUNG

I’m Not a Designer.

I Just Like to Be Creative in Systemic Ways.

PORTFOLIO TAIWAN JAPAN

“生き甲斐”とは、 全ての人でも

生活についての経験と感受です。

こちらは私の“生き甲斐”で、 私にシェアさせていただきます。

JAPAN

00. INTRODUCTION

| P. I ~ P. III |

0-1 MEET WENG JUI-HUNG │ p. │

0-2 Resume Highlights │ p. III │

01.

PROJECT RESEARCH & DESIGN VERIFICATION

P. 01 ~ P. 84

1-1 Innovative Digital Websites: Rescue Action to Transform the Government Website │ p. 03 │

1-2 Hospital Wayfinding: System Design for Hospital Interactive Guidance │ p. 17 │

1-3 Formosa, Rivers/ Mountains/ Birds │ p. 29 │

1-4 An IOT Based Intelligent Tsunami Evacuation System │ p. 43 │

1-5 Service Design System for the Elderly Meal Delivery │ p. 57 │

1-6 Instructional Design: Building an Innovative Teaching System for SD Courses │ p. 69 │

02.

SIDE PROJECTS | P. 83 ~P. 96 |

2-1 Social Design: Bringing Visualized Workflow to Recycling Station │ p. 85 │

2-2 Visual Communication Design Project │ p. 87 │

2-3 Design Challenge: 100 Interface-Optimized Design │ p. 91 │

生き甲斐 PORTFOLIO

JAPAN INDEX WENG, JUI-HUNG

COMMUNICATION

CHALLENGE

PASSION

MISSION

生き甲斐

INTEGRATION

PROFESSION VACATION

Empathic Ability with Contextual Insight WENG,

CHIAYI

+

DATE OF BIRTH

02th Nov, 1996, 26years

E-MAIL

wengjhdsr@gmail.com

2022 - Present

Master of Design (ESP)

Chiba University, Chiba, Japan

2019 - 2023

Dept. of Creative Design

National Yunlin University of Science and Technology, Yunlin, Taiwan

INTRODUCTION

INSIGHT

Practicing the Value of Innovative Research

Hi, I'm Jui-Hung(Javier)Weng, a postgraduate student studying in the Design department at Chiba University in Japan from Taiwan. I have a passion for identifying problems, a strong curiosity, and a love for the learning process. I'm seeking UI/UX or Service Design-related internship opportunities. If you have any suggestions, I'd love to hear from you.

| Why I’m in Japan |

In 2022, I successfully passed a year-long overseas study abroad examination for the Product Design Section of the Ministry of Education in Taiwan, which resulted in receiving a full government grant to study as a Master's exchange student in Japan.

| Master |

Innovation & Integration - Implementing the core spirit of UCD and participating in public service design projects in significant institutions in Japan&Taiwan, such as Digital Minister of Taiwan - Audrey Tang, the Medical School of National Taiwan University, and the Social Design Platform, etc.

| Bachelor |

Design in Practice - Design works have won domestic and international awards, such as Red Dot, and were interviewed by industrial media magazines, etc.

Working with a Team of Like-Minded People Core Literacy for Cross-Domain Learning
JUI-HUNG
CITY, TAIWAN オウ スイ コウ
I
WENG JUI HUNG 0 - 1
MEET

AWARD

Winner, MOE Scholarship Program for Overseas Study in Art and Design, Product Design

Judges' Selected Award, Behance Reviews NTUST 8th, Product Design

Judges' Selected Award, Behance Reviews NTUST 7th, Graphic Design

Winner, Red Dot Award: Brands & Communication Design

Design Mark Recipients, Best of Golden Pin Concept Design Award

Bronze Award, A Plus Creative Festival, Visual Communication

Winner, Youth Innovative Design Festival, Visual Communication

Nomination, Best of Young Pin Design Award - Visual Communication

Nomination, Vision Get Wild Award - Visual Communication

Nomination, National Technical College Students of the Competition, Commodity Design

Selected for Release, Cheng Cheng Luggage Company, Visual Pattern

Winner, Innovation and Entrepreneurship Incubation Center Competition

Nomination, Chiayi County Government, Alishan World Heritage Mark

Nomination, Microsoft X Bonus Hunters, Creative Resume Group

WORK / INTERNSHIP EXPERIENCE

UX/UI Design Intern, Prifina - Liberty. Equality. Data., San Francisco/California

Design Research Fellow, Taiwan Design Research Institute (TDRI), Taipei City (1% AR)

Graduate Research Assistant, Brand Resonance Research Center, Yunlin County

Service Design Teaching Assistant, Dept. of Creative Design, NYUST, Yunlin County

Action Designer, 5% Social Design Action, Taipei City (Volunteering)

User Experience Design Intern, PDIS, Office of Audrey Tang, Executive Yuan, Taiwan

UX/SD Research Assistant, National Taiwan University Hospital, Yunlin County

Project Manager Mentee, XChange, Internet Talent Accelerator, Taipei City (10% AR)

PROFESSIONAL / ACADEMIC FIELDS

CONFERENCE PRESENTATION

Exploring the Impact of Interface Design on the Usability of Online Hospital Registration Systems for Middle-aged and Elderly Users

Innovative Utilization of Vacant Spaces for the Promotion of Arts, Culture and Tourism

Streamlining the Application Process for Long-Term Care 2.0 Services for Family Caregivers

EXHIBITION EXPERIENCE

Red Dot Design Museum, Berlin, Germany

Golden Pin Design Award Exhibition, Taipei City, Taiwan

National Technical College Students Achievement Design Exhibition, Kaohsiung City, Taiwan

Vision Get Wild Design Exhibition, Kaohsiung City, Taiwan

Youth Innovative Design Exhibition, Kaohsiung City, Taiwan

A Plus Creative Design Exhibition, Taichung City, Taiwan

Young Designers' Exhibition, Taipei City, Taiwan

DESIGN WORKSHOP

Domestic Design Workshop Competition, MOE SPOSAD

Service Design Workshop, Dept. of Creative Design (As a Tutor & Lecturer)

Friendly Elderly Medical Services Design Workshop, Dalin Tzu Chi Hospital

User Experience Practical Workshop, National University of Kaohsiung

Contextual Insight Workshop, National University of Kaohsiung

AI Hospital Design Workshop, Global Digital MOJO (As a Program Planner)

Senior Services Design Workshop, Netherlands Philips (As a Program Planner)

Senior Home Communicate Design Workshop, Global Service Jam

Sustainable Environment Design Workshop, TSDPA

SPECIAL HIGHLIGHTS

As a Winner of SPOSAD, Awarded Full Funding from Taiwan's Ministry of Education. As a Conference Convencer, Completed 3 workshops, 3 lectures and 24 sessions with a total of 100 papers in Innovative Crossover International Design Conference(ICIDC)

Aa a Writer, 3.5K views on Medium's article about Local Revitalization Practices

As a Lecturer, Sharing a lecture on how to do UXUI in the government at NYUST

USER RESEARCH

SERVICE DESIGN

2022 2022 2020 2019 2019 2019 2019 2019 2019 2019 2017 2016 2016 2016
2021.07 2021.03 2020.11 2020.11 2020.10 2019.11 2019.10 2018.03 2017.11
2022.04 2021.04 2019.08 2020.04
2022.11 ~ 2023.04 2022.01 ~ 2022.06 2019.07 ~ 2021.08 2021.02 ~ 2021.06 2020.12 ~ 2021.01 2020.07 ~ 2020.08 2020.03 ~ 2021.02 2019.09 ~ 2020.04
2021.04 2021.04 2020.03
2019.12 2019.12 2019.06 2019.05 2019.05 2019.05 2019.05
DATA VISUALIZATION UXUI DESIGN SOCIAL DESIGN II

RESUME HIGHLIGHTS

- WORKING AT NATIONAL DESIGN INNOVATION ORG. -

Developing the capacity for empathetic understanding and deeper organizational engagement through contextual insight

AS A DESIGN RESEARCHER at TDRI

Participating as a Design Research Fellow with a passion for pushing the boundaries of design innovation. working at Taiwan Design Research Institution (TDRI), conducting research projects aimed at advancing the field.

Leveraging expertise in design methodologies and a commitment to excellence, I am dedicated to producing impactful results and shaping the future of design.

AS A UXUI DESIGNER at PDIS

Participating as a User Experience Intern at the Office of Audrey Tang, Executive Yuan, Taiwan. I was deeply impressed that constructing User-Friendly and Innovative Service systems can significantly improve the social welfare of all citizens in Taiwan.

During the experience, I have learned how to link the perspectives of design consultants, government commissioners and users in Digital Government Services under various conditions and constraints.

01
02 III 0 - 2 JAPAN

RESUME HIGHLIGHTS

INDUSTRY-ACADEMIC COOPERATION -

The application and practice of service design thinking integrates the resources and value of innovative research

Aesthetic Education Project, and the Ministry of Education's Teaching Practice Project.

I enjoyed the process of Dorting Out Problems and Developing Ideas for various industries and immersed myself in the atmosphere of working side by side with the team to find out the reasons behind each problem.

-
IV 0 - 2 JAPAN

RESUME HIGHLIGHTS

- HOLDING A DESIGN CONFERENCE -

The International Conference gathers experts to discuss integrated interdisciplinary design as the main axis of research.

3 Speeches 3 Workshops

24 Sessions 100 Presentation

AS A CONFERENCE CONVENER 04

Taking over the responsibility as the Chief Convener of the International Design Conference and serving As the Key Decision-Maker of the team. During the preparation process, I have learned how to Systematically Manage the various cadres and groups, efficiently assign the workflow of over 50 staff members, and plan the overall conference’s presentation and reception process.

We completed 3 design workshops, 3 international lectures and 24 submissions with a total of 100 papers to create an international conference with "International Interaction" and "Knowledge Integration Capability".

V 0 - 2 JAPAN

RESUME HIGHLIGHTS

ORGANIZING DESIGN WORKSHOPS -

AS A CHALLENGER at XCHANGE

I joined XChange's 3rd Internet University program as a PM mentee. Therefore, I got to know students from top schools all over Taiwan and Strengthened Each Other's Knowledge about the Internet industry through project collaboration.

During the process, I focused on Project Scheduling, Brand Research, Data Analysis during the process and I also wrote articles for the organization on knowledge of the Internet community.

AS A SCHEMER at UNIVERSITY

Planning Several Design Workshops and Events for the school and acting as project sponsor, inviting renowned scholars from domestic and overseas for networking.

The planning process used data evaluation to develop a series of Social Network Strategies. I have obtained the ability of event marketing and planning.

05
06
VI 0 - 2 JAPAN -

私の”生き甲斐”をシェアします。

真実の生活での細部と体験を 感じて、設計の力を通して伝える。
それから、
01

PROJECT RESEARCH & DESIGN VERIFICATION

1 - 1

Innovative Digital Website: Rescue Action to Transform the Government

1 - 2

Hospital Wayfinding: System Design for Hospital Interactive Guidance

1 - 3

Formosa, Rivers/ Mountains/ Birds

1 - 4

An IOT Based Intelligent Tsunami Evacuation System

1 - 5

Service Design System for the Elderly Meal Delivery

1 - 6

Instructional Design: Building an Innovative Teaching System for SD Courses

01.
| p. 03 | | p. 17 | | p. 29 | | p. 43 | | p. 57 |
| p. 69 | 02
感情記憶の設計 クロスドメイン教学の設計
病院で道探し設計 政府ウェブの設計 災害防止の理念設計
高齢者食事の設計

INNOVATIVE DIGITAL WEBSITE: RESCUE ACTION TO TRANSFORM THE GOVERNMENT WEBSITE

Evaluation Experiments on Hospital Signage System

政府ウェブの設計

1-1 Portfolio

Based on the design principle of "broad and shallow, not narrow and deep", our team rolled up sleeves and reorganized the website structure to create an integrated portal websites.

Member | JH Weng, YR Yang, PT Pan, YW Wu

Role | User Researcher, UX/UI Designer

Tools Trello, Adobe AI/PS/XD

Company | Keelung City Government & Public Digital Innovation Space

03
Might we Help Government Ministries Build an Integrated Entrance Website? GOVERNMENT AGENCIES SERVICE DESIGN REAL NEEDS OF THE PUBLIC 1 - 1 UXUI INTERACTIVE DESIGN KEELUNG CITY 04
How

INNOVATIVE DIGITAL WEBSITES: RESCUE ACTION TO TRANSFORM THE GOVERNMENT WEBSITE

2020 Jun - 2021 Aug

/ Program |

RAY 4.0 - Rescue Action by Youth .gov 2020

Executive Yuan of Taipei City & Keelung City

| Abstract | In this Ray 4.0 internship program, the primary purpose is to find the user's pain points through service design. Through design iteration, we applied design knowledge such as interviewing techniques and research methods to carry out innovative UI/UX public department website design under the various constraints and conditions of the public sector.

PDIS is an organization that strives to improve digital services for government departments. We used service design thinking to improve the flow of the public service system and optimized the digital services of government websites with innovative forms to create a transparent integrated porta. websites

The various web pages of the Keelung City Government website operate under the same platform, enabling information being connected and integrated, allowing information from all Keelung City agencies are linked in real time and the public to browse more easily.

1
1 | Period
|
-
|
Type
| Site | | Design Process | Emphathize → User Interviews → Co-creation Workshop → Issue Definition
User Interviews → Wireframe → User Interviews → Low-Realism Prototype → User Interviews → High-realism prototype → User Interviews → Design Results | Background | Home Station - Keelung City Government Website Subsites Bureau Websites Subsites Bureau Websites Subsites Bureau Websites Subsites Bureau Websites Subsites Bureau Websites Subsites Bureau Websites
DESIGN
AN INTEGRATED PORTAL THAT DOES NOT GET LOST INFORMATION ARCHITECTURE USER EXPERIENCE | Contexts | 05
SERVICE
CREATE

I don't think there will be information about the history of Keelung here, I would think I’m talking about scenic spots ! Prefer "thematic" display, but only if it is well set up.

Failure to understand the meaning of the complaint. I would think it has something to do with lawsuit!

When searching for a service, you would find an unrelated page.

Both "civic leisure" and "theme house" have tourism, but the contents they cover are different, and the names they receive are also different, but the names are confusing.

Sightseeing tour is quite important, if the information is well integrated, it would be more convenient!

Not much understanding of the issues related to the responsibilities of each bureau and office

The theme house is considered to be a playground, a museums, not municipal services!

Conducting a "Card Classification Method" to inventory the website services provided by nine county and city governments in Taiwan

˙ Original Website Home Page

70 Questionnaire 3 Co-creation Workshop

20 User

The current information structure was "Re-Optimized" and "Reorganized" in order to present naming strategies and categories more accurately

The implementation concept is based on the "Integrated Portal" as the implementation strategy of the website, and conducts user interviews.

01 CONTEXTUAL INQUIRY & USER INTERVIEWS 02 PROBLEM DEFINITION & CLASSIFICATION 06

After the first stage of discussion, we found that the website is mainly named "Agency-Oriented", so the general public has no way to know which agency the service they need belongs to. In conclusion, we found that the current information structure of Keelung City Government is "Confusing" and "Not Easy to Read".

03 ORIGINAL WEBSITE SUBPAGE 07

04 CUSTOMER JOURNEY MAP

Government Websites Need a Clear Information Design & an Intuitive Search Process

Click on the list

Convenience Services Theme House Services

Clicking on it does not present the travel information as expected

Photos and attractions Introduction is Quite Little

Would like to go back to the homepage to see any related information

in Keelung Temporary decision to change the itinerary

Local Characteristics Not Fully Expressed

The Real Needs are Not Seen by the Public

Bus Board

Recommended Activities &Attractions

Content Insufficient Description After the Trip During Arrival

Change Journey Have fun Share with Good Friends

Introduction is really great!

Some attractions seem to have been introduced

The Real Needs are Not Seen by the Public

Clearly

- Categorize services to reduce the difficulty of searching

- Inventory and summarize website services

Insufficient Page Description Lack of City Characteristics

- Provide descriptions for individual projects

- Provide a variety of information displays

- Develop and improve the website structure

- Naming the bureau services

- The number of words is as uniform as possible

- Named words are obtained directly from the content

- Avoid using the same word repeatedly Features

- Get involved in Keelung City Journal

- Find out the neighboring scenic spots from the map for personalized sightseeing planning Services

Precise Service Definition 05 ISSUE DEFINITION 06 DESIGN IMPROVEMENT 08

EMOTION Pre-trip Preparation STAGE GOAL TOUCH POINT ACTION PAIN POINT
Travel Information Find
Keelung's Attractions View Keelung City Tourism Website Inadvertently Browse Information Click on the theme of the tour Map display View the surrounding attractions View Tourist Information View Travel Recommendations Recreational Attractions Attracted by visual content Browse the recommended food Search by keyword Search and enter the page Search Engine Browse the website Home Page Home Page Home Page Home Page Keelung Tourism Website Keelung Tourism Website Keelung Tourism Website
Want to search for Keelung City
Information on
Think about where the travel information will be located No concept of the relative position & do not know the information
Photos and presentations are well done, but not easy to see
Website
There is no way to find the services you need from all the information. Home Page
Use location services to find events & attractions
Want to recommend toKeelung others Friends & Media
It is impossible to wait here all the time
Unclear Service Attribution Non-intuitive Service Naming
Summarized
Crisp Information Design Development of
City

The team drew up two versions of the test prototype Version A is a basic and more feasible version of the prototype by properly categorizing the services it contains.

In Version B, "classification by status" was added to guide users to the corresponding services, they are: tourist, government service, and Keelung citizen.

The usability testing were used to correct the classification nomenclature , and to adjust the attribution position of the partial molecular classification.

The concept of "identity" is used to differentiate and re-consider the priority and relevance of service items with reference to the popular search of service items and GA statistics.

of
Web Sites
of
Sites
Version A - Optimization
Government
/ Thematic Services as a Purpose Version B - Innovation
Government Web
/ Role-Based Services as a Purpose
07 USER TESTING + 09

Select your role to enter the service

Select your role to enter the service

Select your role to enter the service

Link to City Hall information

Clear information design

Link to the tourism page

Link to City Hall Recruitment

Home information

Provide all information about government services

Clear information design

Provide all information about sightseeing

Provide all information about sightseeing

The top level of the home page is made up of the services "Most Frequently Used by Users", and the concept of "Service Provision" is used as the basis for consolidating the thematic services of "Service Classification" and "Identity", so that users can freely switch between them and search for services according to their needs.

08 WIREFRAME 10

DESIGN GUIDELINES

09
11

DESIGN GUIDELINES

˙ Design Components

The main color scheme of the Keelung City Government website is "Lime Green", which represents the natural, growing, harmonious and fresh image of Keelung, and is complemented by the vibrant "Warm Orange" color scheme.

The grid system divides the webpage into 12 columns, which serves as the standard for the layout of the website.

12

The number of words is as uniform as possible

Named words are obtained directly from the content

Avoid using the same word repeatedly

Clearly designed information

Unlike general government websites with clear functions, this type of entrance website aims to "Reveal a Large Amount of Information team's research found that a "confusing information structure "Unintuitive Browsing Process" were the key questions of this renovation.

The design principle of "Wide and Shallow, Not Narrow and Deep" was adopted to create an integrated entrance website without getting lost.

11 USABILITY TESTING

Categorize services to reduce the difficulty of searching

The highest level of public demand is placed on the home page.

Proposed to improve the website structure

10 UIUX DESIGN
13
Named by Service & directed to the bureau

Reorganization of the Information Architecture to Provide the Most Realistic Service Requirements

Clearly designed information

Categorize services to reduce the difficulty of searching

Based on user feedback, the " ", "Events" and "City News" pages are adjusted, as well as the tender information (Simplified/Detailed Version), so that "Different Role" users can adjust the page text according to their "Own Needs".

Clearly designed information

Simplified /Detailed version switching Named words are obtained directly from the content Navigation assistance and tips for users
information
Clearly designed
14
Work Process Website

The process of digital service transformation must Continuously Incorporate Multiple Opinions and Involve Different Actors in the design process, so that the whole process can be compatible with practical feasibility, reasonable business scope and more design possibilities.

01 Role and Service Selection

Appropriate information structure is "Wide But Shallow, Not Narrow But Deep"

02 Web Awareness Navigation a "Floating Sidebar" for user awareness

03 Service Needs Switching

Switch between the "Simplified" and "Detailed" versions of the pages according to your needs

PDIS | 12 REFLECTION AND CONCLUSION 13 DESIGN HIGHLIGHTS 15

01

ACCESS TO KEELUNG GOVERNMENT WEBSITE

To Get Government Related Information

• Visual Design, SEO, Service Design

06

EASY-TO-USE INTEGRATED SITE

Allow users to complete the search within 3 levels as much as possible

• Integrating user testing and interviewing research to enhance government digital services

05

CORRECTLY NAVIGATING TO EXTERNAL

The previous steps are used to drive users to the external pages

• Intuitive naming of services to avoid user confusion and easy links to external sites

02

ROLE AND SERVICE SELECTION

Get the Services You Need Through Role Switching

• Theme-based services, Role-based information architecture

03 04

CLEARLY PRESENTED INFORMATION

Users Can Increase Their Awareness of the Site Through Clear Design

• Enhancing readability through visual information design

RECEIVE THE CORRECT INFORMATION

Users Can Find the Service Purpose in the Second to Third Level

• Prioritization of important services and a floating sidebar to assist users with queries

REORGANIZE THE INFORMATION ARCHITECTURE TO PROVIDE THE REAL NEEDS OF THE PUBLIC

UXUI INTERACTIVE DESIGN KEELUNG CITY
1 - 1 GOVERNMENT AGENCIES SERVICE DESIGN REAL NEEDS OF THE PUBLIC 16

HOSPITAL WAYFINDING: SYSTEM DESIGN FOR HOSPITAL INTERACTIVE GUIDANCE

Evaluation Experiments on Hospital Signage System

病院で道探し設計

1-2 Portfolio

From the Service Design perspective, the signage system design could penetrate deeply into the hospital's space configuration to lead users on their way.

Member | JH Weng, LY Huang, YT Chen Role | User Researcher, UX/VI Designer Tools Trello, Adobe AI/PS, SketchUp | Company | CTY Brand Resonance Research Center & National Taiwan University Hospital Yunlin Branch
17
How Might We Help Hospital Users Create A Friendly Wayfinding Experience? 18

HOSPITAL WAYFINDING: SYSTEM DESIGN FOR HOSPITAL INTERACTIVE GUIDANCE

Cross-Disciplinary Partnership Program - Technology Development

National Taiwan University Hospital (NTUH) - Yunlin Branch

In the complex structure of public space, spatial design plays a vital role in the planning and signage system to ensure that users can quickly find their way to the destination efficiently.

Hospitals are one of the public facilities with complex structures that contain different types of areas; however, due to the long history of NTUH, the signage system had many traces of modification. In order to make the aging service of the hospital more complete, we designed a new signage system for the NTUH.

1 - 2 | Period | | Type / Program | | Abstract |
Feb - 2021 Feb
2020
| Site | NTUH - Yunlin Branch Original Hospital Signage System | Entrance | | Contexts |
DESIGN
USER EXPERIENCE OF WAYFINDING HOSPITAL SPATIAL WAYFINDING BEHAVIOR HOSPITAL SPATIAL SIGNAGE SYSTEM | Design Process | Emphathize → User Research → Field Analysis → Problem Define → System Design → User Testing → Research Analysis → Research Results Hospital Research Area 19
SERVICE
IMPROVE THE

In the site survey of NTUH, we found that some of the units listed on the signage in the lobby of the first floor were still Marked with Non-Existent Units; in addition, some areas that should be marked in this system were Not Properly Labeled and Not Provided with a Route Guide.

Based on the above insights, we believe that there is still room to Improve the Signage System of the hospital.

A. Information on Clinic Signage Didn't Allow Patients to Get Their Direction

B. Signage Information is Crowded and Not Easily Readable

C. Researchers Collected and Recorded Detailed Evidence for Each Sign

D. Non-existent Units Are Still Marked and Not Properly Marked for Guidance

A B C D 20

The project constructed two 3D hospital design system (the original & new version). The space, color, and signage of the original version are presented as they are in the hospital.

New design focuses on "Color System to Enhance Intuitive Wayfinding", "Information System Reorganization and Classification", " the Feasibility of Indicator Design", and " Symbol Design".

Outpatient, Examination Room Registration, Cashier, Service Counter Health Education Center Consultation Room, Referral Center Pharmacies, stores, Dispensary | Entrance | | Entrance | Code Floor Map Annotate Hanging Sign Region Label Position Label Direction Label Flooring Label M L R QTY 6 21 10 Floor Map Hanging Sign Region Label CAT 03 REDEFINITION OF FIELD ˙ The New Version of the Color System Construction Plan 02 FIELD ANALYSIS
Signage System Locations and Quantity Statistics
˙
L L L L L L L L L L L L L L L L L L M M M M M R R R R R L L L R R R R 21

SYSTEM DESIGN AND MODELING PROCESS

the team actually provided the test subjects with the Original & New Versions of the 3D model in a realistic way.

Planning the walking path according to the operation path control settings, so that the testing targets could feel like experiencing the actual situation and get more specific test feedback with the suggestions for Follow-Up Design Improvement

E&H. The original Version of 3D modeling hospital design operation system F&G. New version of the 3D modeling hospital design of indicators

04
E F G H
22
Joysticks

Allow Hospital Users to Ask Questions about the Design System with a Realistic Experience

23

Through user testing of the original version & new version, youths and seniors were used as test subjects, and wayfinding behaviors were observed and analyzed.

24

Typical Task Entrance - Registration - Clinic 45

The majority of the youth group went to the registration desk and then returned to the center of the lobby to look at the signage, but after confirming the signage, they could quickly go to the target clinic.

The older group relied more on the hanging signage and did not find the wall guide lines, which shows that the respondents are used to using the signage in the lobby.

A Comprehensive Analysis of Behavioral Notes for Future Modification or Establishment of the Hospital

Typical Task Clinic 45 - Clinic 9 02

The youth group went around the back of the hall to the center of the back to view the signage due to uncertainty of direction; a few waited to find information before making a decision to find their way.

The older group took a detour because they were unable to determine the function of the waiting area because the signage was not related to the department name.

Typical Task Clinic 9 - Cashier

The average task completed by the youth group showed that the signal was clearly identifiable, and the number of viewing indicators in this task increased significantly compared to the original.

The older group mostly chose to go to the counter nearer to the clinic, and the use of the sign was still the highest at the first sign out of the clinic, but a few still walked to the center of the hall to view the signs.

Typical Task Cashier - Dispensary - Exit 04

The majority of the youth group chose the roads to the left or right of the pricing table to proceed to the pharmacy and then return to the lobby.

The older group mostly completed the wayfinding task without viewing signs and pauses.Our study believes that the restricted viewing angle of the screen also influenced the reason why the participants kept walking straight.

2 Testing Versions 12 Youths

22 Seniors

| Entrance | Entrance
03
| Entrance | Entrance
01
YouthOriginal YouthNew SeniorOriginal Senior
New
-
05 RESEARCH ANALYSIS 06
25
USER TESTING

The Four Key Points of Evaluation for Design System

Parking Fire Extinguisher Injection Room Withdrawal Machine Bus Waiting Area Taxi Waiting Area Thoracic Medicine Ultrasound room Otolaryngology Ophthalmology Rehabilitation Radiology Neurosurgery Dermatology Urology Orthopedics Obstetrics and Gynecology Hepatobiliary Gastroenterology Internal Medicine Dentistry Surgical Pediatrics Pain Department Funding Equipment Equipment Supply of Pharmaceuticals Backend Pharmacists Mainte01 Information Receiving Analyzing the Pain Points of Hospital Wayfinding Decisions
Wayfinding Factors
Marking System Optimization 02 Message Processing Create a Friendly Design for Hospital Services
Wayfinding Efficiency Impact
Physical Facilities and Intangible 03 Decision Making
Spatial Wayfinding Behaviors and Perceptions
3D
Wayfinding Performance
Spatial FeelingsExperiences 04 Decision Execution Signage Affects the Efficiency of Wayfinding
Wayfinding Decision
Psychological Feelings 07 IDENTIFICATION DESIGN 22 Seniors 2 Testing Versions 12 Youths • USER TESTING 08 STAKEHOLDER MAP 09 WAYFINDING ANALYSIS Psychiatry Family Volunteers Supplier 26
Construction

BLUEPRINT

Consider the exact information in setting the location, and match the information classification by subtraction.

On Entering the Hospital

Medical Experience

Procedure After the Clinic

01 Main Indicator

Information System Reorganization & Classification

Know the Process Look at the Lines Find a Clinic Treatment Awaiting to see the Find a Checkout Find the Pharmacy Get the Medicine Leaving the Hospital Checkout Register

02 Assisted Guidance

Color System to Enhance Intuitive Wayfinding

clinic

Information and Instructional

03 Visual Identification

The Feasibility of Indicator Design & Symbol Design

volunteers tivelyproac-ask patients

process guide selfservice machine

operating mentequip-and system training

provide lobby lane diversion service

linesleadingand indicators

signed and guided waiting area

waiting to see the doctor after checking

staff system login

diagnosis by doctors

health education information

personnel informed of the location of the pricing

tosignage guide payment

leads to the pricing service

told bystaff to wait for medication

selfservice payment operation

labeled medication guide

getting medication and being informed getting medication and being informed

staff to confirm check-in information

andcallingselfservice system

guided registration service, FM dep. set up near the entrance volunteers helplostthe

condition input and output

staff system login

pharmacist confirmed prescription

leads to exit position leads to exit position gate control training

process guide diagramsupport

registration and project description

hospital signage system instructions

hospital signage system instructions

Information Access System

volunteers helplostthe

andcallingselfservice system volunteers help the lost

volunteers helplostthe volunteers helplostthe art events offered

regular disinfection, facility maintenance, system updates

check-in process and status

Patient Information Sheet

hospital signage system instructions

andcallingselfservice system

selfservice payment operation

hospital signage system instructions

getting medication and being informed

hospital signage system instructions

10 RESEARCH
11
HIGHLIGHTS
SERVICE
Signage System Support Service Staff Support Volunteers Support
27

01 REGISTER

Check-In Areas Are Set Up in Major Areas So That Routes Can Flow Back and Reduce The Number of Route Searches

• The lobby focuses on planning a collection of guides

06 02

DESTINATION

Finding the Way Smoothly for a Friendly Medical Experience

• Color system signage and friendly facility assistance help users complete their medical experience

05

DECISION

Users Interpret Data or Find Additional Instructions for Decision Making

• Decision points at the most dense places need to plan the direction of the route

DIVERSION

Confirm the Purpose and Direction of the Wayfinding and Follow the Flow of the Configuration Function

• Set up divisions for route guidance

03

WAYFINDING

Collecting Information on Signage Systems and Landmarks

• Long distance guidance and landmark assistance information 04

SOLUTION

Signage, Attendants, and Space Directions

• Long distance guidance and landmark assistance information

CONSTRUCTING HOSPITAL-FRIENDLY WAYFINDING BEHAVIOR & GUIDANCE

1 - 2 INTERDISCIPLINARY INTEGRATED DESIGN NTU HOSPITAL 28 MEDICAL INDUSTRY SERVICE DESIGN DESIGN SYSTEM

FORMOSA, RIVERS / MOUNTAINS / BIRDS

感情記憶の設計

1-3 Portfolio

Taiwan, also known as Formosa, is a small island with great cultural and geographic diversity. Symbolizing the starting of a new voyage, these rail pass cards encourage passengers to take the Formosa Express to learn about Taiwan from a new perspective.

# the Red Dot Award: Brands & Communication Design 2019

# Best of Golden Pin Concept Design Award 2019 (Top 3 in Taiwan)

# A Plus Creative Festival 2019 - Bronze Award in Visual Communication

# Youth Innovative Design Festival 2019 - Winner in Visual Communication

# The Chinese Design Award 2021 - Excellent Work Award of Concept

# Best of Young Pin Design Award 2019 - Nomination in Visual Communication

# Vision Get Wild 2019 - Nomination in Visual Communication

# National Technical College Students of the Practical Project Production Competition 2019

- Nomination in Commodity Design

29
Member | JH Weng, YL Wang, YN Hou, FY Cao Role | Team Leader, Researcher, VI Designer | Tools | Trello, Adobe AI/PS | Company | Formosa Express Sightseeing Train Taiwan Impression Theme Tourist Ticket Visual Design RIVERS IN TAIWAN MOUNTAINS IN TAIWAN
1 - 3 感情記憶の設計
EXPRESS 30
BIRDS IN TAIWAN
FORMOSA

FORMOSA, RIVERS / MOUNTAINS / BIRDS

STUST - Graduation Project

Formosa

The tourism industry is considered to be an essential tool for promoting destinations. With the tourist trains in Taiwan , we created a tourist-themed ticket with a new impression of Taiwan through a team design that brings out the diversity of beauty in Taiwan.

We took the Formosa Express as the target of this project and linked the passengers' memories with Taiwan's local emotions.

1 - 3 | Period | | Type / Program | | Abstract | 2018 Jun - 2019 Jun
Express & Tourist Attractions in Taiwan
| Site | | Contexts | USER EXPERIENCE EMBARKING ON A NEW JOURNEY VISUAL COMMUNICATION | Design Process | Emphathize → Research Analysis → Design Guidelines → Sketches → Visual Design → Extended Design → Product Design 感情記憶の設計 31

A. Famous Scenic Areas and Watersheds in Taiwan

B. The Sightseeing Train Offers Many Personalized and Professional Services

C. The original tourist ticket design is not only common, but also has no characteristics.

HOW Visitor-Centered

Sightseeing Experience

Taiwan's Local Features Sightseeing Experience

CONTEXTUAL INQUIRY 01

The train offers a number of exclusive service experiences, in order to let domestic and foreign tourists understand the local impressions of Taiwan through a trip.

We found that the tourist experience is a very important factor, so we used the ticket as the design object and introduced the local conditions during the ride, so that the experience can be retained by the tourists.

How Might We Enable Taiwan Tourists to Continue the Experience of Local Emotions?

RIVERS / MOUNTAINS / BIRDS STUST FORMOSA EXPRESS A B C 32 感情記憶の設計

- RESEARCH BACKGROUND

Educational Activities

Through the exchange of travel it achieves the meaning of education

Local Cultures

Get to know the local cultures and sights and promote the local characteristics

Value of Services

Enhance the experience of visitors and the value of their memories

Leads to the Need for Creating Exclusive Taiwan Tourism Service Experiences with Added Value

・ Clearly arranged information on ticket rolls

・ Showing the local cultural characteristics of Taiwan

・ Additional value for collection

・ Interactive special printing method

・ The production cost is relatively high

・ Thematic products have a shorter life cycle

・ Tourist train marketing method is popular

・ High willingness to travel by transportation

Emotional Memories

Let visitors recall the experience of traveling

Taiwan, also known as Formosa

A small country, but the human and geographical environment varies greatly from north to south.

・ Strong competition in the tourism industry

・ Fewer visitors from China in recent years

RESEARCH ANALYSIS 02
33
03 SWOT ANALYSIS

SKETCHING PROCESS

04
Rivers in Taiwan Mountains in Taiwan
34
Birds in Taiwan
感情記憶の設計 04 SKETCHING
PROCESS
Rivers in Taiwan Mountains in Taiwan
35
Birds in Taiwan

DESIGN GUIDELINES 05

Rivers in Taiwan

Mountains in Taiwan

Reading information can be divided into four levels of importance

2. Train Information (Train Number/Car/Seat)

3. Time & Train Type Information

4. Other Information That Does Not Need to Be Read Immediately

Birds in Taiwan

Construct Friendly Information Design System to Reduce User's Reading Burden and Optimize Visual Lines

INFORMATION ARCHITECTURE

01 02 03

Information Placement

The importance of the ticket is stratified from top to bottom according to the actual needs of passengers

First, "Train Number", "Car Seat", "Train Time", and finally, "Ticket Price" and "Ticket Code".

Formatting

The arrangement of visual lines and text is changed from horizontal to straight

Considering the passengers who carry their belongings, the two important information of train number and seat are put in the upper half of the ticket.

Font Standard

Choose "Microsoft JhengHei" as the main font supplemented by English

The Chinese text is chosen to be in "Microsoft JhengHei" because of the large amount of information and dense, and the increase in the overall size of the important information.

• Spacing System

The graphic elements are 3mm from the top and bottom crop edge.

The grid structure is 1.5mm in both horizontal and vertical columns as the minimum unit for the reference line of the starting point of the graphic.

觀光列車車票使用須知 1. 2. 3.

乘坐觀光列車時請出示本車票,本公司保留查驗票

4. 券之權利;並請依車票上指定座位入席,非頭等艙 旅客請勿進入頭等艙。 本車票限當日班次有效,遺失或搭錯日期及班次者 請自行補票。請注意鐵路局公佈之發車時間。 請注意鐵路局站區廣播,並依車站指定月台及車廂 位置乘車。 如欲列車誤點或停開,依鐵路局相關規定辦理。

淡水溪 6pt 6pt 8pt 5pt

12pt 6pt

乘坐觀光列車時請出示本車票,本公司保留查驗票 券之權利;並請依車票上指定座位入席,非頭等艙 旅客請勿進入頭等艙。 本車票限當日班次有效,遺失或搭錯日期及班次者 請自行補票。請注意鐵路局公佈之發車時間。 請注意鐵路局站區廣播,並依車站指定月台及車廂 位置乘車。 如欲列車誤點或停開,依鐵路局相關規定辦理。 10pt 4pt

1. 2. 3. 4. 6pt

• Font Standardization

Chinese is divided into 12pt and 6pt depending on the importance of the information. English is 6pt, and numbers are 8pt, 6pt and 5pt.

Fonts are selected based on the principle that they are easy to read and do not cause stress to the user.

36
淡水溪 1 2 3 3 4 觀光列車車票使用須知 1. 2. 3. 4. 乘坐觀光列車時請出示本車票,本公司保留查驗票 券之權利;並請依車票上指定座位入席,非頭等艙 旅客請勿進入頭等艙。 本車票限當日班次有效,遺失或搭錯日期及班次者 請自行補票。請注意鐵路局公佈之發車時間。 請注意鐵路局站區廣播,並依車站指定月台及車廂 位置乘車。 如欲列車誤點或停開,依鐵路局相關規定辦理。 06 觀光列車車票使用須知
In order to realize the "Usability" and "Aesthetics" of the ticket, the team searched for a local tourist train - Formosa Express as the target of the design, and captured the passengers' memory of Taiwan's local emotions to create a new impression of Taiwan through the team's design. 6pt
1. Departure & Arrival Points

# Winner, Red Dot Award: Brands & Communication Design, 2019

# Design Mark Recipients, Best of Golden Pin Concept Design Award, 2019

# Bronze Award, A Plus Creative Festival, Visual Communication, 2019

# Winner, Youth Innovative Design Festival, Visual Communication, 2019

# Nomination, Best of Golden Pin Design Award - Visual Communication, 2019

# Nomination, Vision Get Wild Award - Visual Communication, 2019

# Nomination, National Technical College Students of the Practical Project Production Competition, Commodity Design, 2019

07 PRODUCT DESIGN 37

The team developed three series of tickets based on Taiwan's famous "Formosa Express" tourist train, namely, Taiwan's rivers, Taiwan's mountains, and Taiwan's birds.

The team also developed a set of 8 tickets for each of the three series, which are usable and attractive to create an emotional memory experience for visitors.

Introduction Video “01min 21s”
08 PRODUCT
38
INTRODUCTION

Freshwater Creek

Dajia Creek

Turbid Stream

Zengwen Stream

Gao Ping Stream

Beinan Stream

Xiugu Stream

Lanyang Stream

Received International & Domestic Design Awards & Media Press and Magazine Reports

Rivers in Taiwan

Central Range

Snowy Mountain Range

Yu Mountain Range

Alishan Range

Coastal Mountains

Tatun Volcanic Range

Bagua Mountain Range

Garry Mountain Range

Mountains in Taiwan

Mikado Pheasant

Swinhoe's Pheasant

Taiwan Bulbul

Taiwan Whistling Thrush

Taiwan Yuhina

Taiwan Hill Partridge

Collared Bush-Robin

Taiwan Firecrest

Birds in Taiwan

感情記憶の設計

08 PRODUCT INTRODUCTION
in
39
Participate
Award Ceremony

The tour combines a ticket with a luggage tag, and we hope that passengers will be able to store their tickets in the luggage tag after receiving a usable and aesthetically pleasing tour ticket.

Visualize the Experience of Sightseeing and Give Tourist a Trip to Taiwan's Emotional Memory

09 EXTENDED DESIGN
40
Start A Brand New Journey
Experience!
03 Save Your Travel Memories Let this used ticket be retained and remembered by passengers 02 Starting a New Journey The luggage tag conveys the meaning of wishing a pleasant journey 01 Visual Communication Design A new impression for visitors to Taiwan through visual communication design 41

01

TICKET BOOKING

Thematic Visual Design is Presented to Attract Visitors Through Internet Promotion.

• Develop a series of local theme designs in Taiwan

06

MEMORIES

Visitors Miss the Memories of Travel

˙ Visitors can recall their journeys through collector's books and themed tickets

05

LEAVING THE Passengers Finish Their Journey

• Store beautiful ticket designs and memories through the collection design

02

TICKET PICKUP

Passengers Receive a Thematic Ticket Design and Begin to Look Forward to Their New Journey.

• Connecting passengers' emotional

03 04

ENTERING THE STATION

Passengers Begin to Enter the Station to Board Sightseeing Trains

• Bless passengers with a new journey through luggage tags

TRAVELING EXPERIA Series of Personalized Services for Passengers

• Interaction and experience between tourists and local tourism culture

SHAPING A TRIP TO TAIWAN'S EXCLUSIVE EMOTIONAL MEMORY

RIVERS IN TAIWAN MOUNTAINS IN TAIWAN BIRDS IN TAIWAN 感情記憶の設計 FORMOSA EXPRESS 1 - 3 42

AN IOT BASED INTELLIGENT TSUNAMI EVACUATION DESIGN SYSTEM

UIUX of Coastal Disaster Prevention & Guidance System

1-4 Portfolio

In recent years, global warming has caused climate change & disasters around the world and the impact of floods in Taiwan shouldn’t be underestimated.

# National Academy of Marine Research, OAC

# Graduate Institute of Hydrological and Oceanic Sciences, National Central University

# Graduate Institute of Marine Environment and Engineering, National Kaohsiung University of Science and Technology

| Instructors

Professor Shyh-Huei HWANG

Associate Professor Tsen-Yao Chang

Associate Professor Hsi-Hsun Yang

Associate Professor Ya-Hsin Hsueh

| Member Jui-Hung Weng

| Role | User Researcher, UI/UX Designer, Visual Designer

| Tools | Adobe AI/PS/XD

43
災害防止の理念設計
May I Help Residents Build Disaster Preparedness Mindset and Knowledge? NATURAL DISASTER ISSUES SERVICE DESIGN DESIGN SYSTEM 1 - 4 UXUI INTERACTIVE DESIGN TSUNAMI EVACUATION 44
How

AN IOT BASED INTELLIGENT TSUNAMI EVACUATION DESIGN SYSTEM

Design Background

In the face of these disasters, early warning is very important, if the tsunami disaster prevention knowledge can be effectively integrated into people's daily life.

When the disaster comes to be able to effectively prevent, and then achieve the effectiveness of disaster mitigation

1 - 4
45

Dean Chiu / National Institute of Oceanography

“Coastal residents can learn about tsunami-related science through to learn about disaster prevention and to run vertically up and away from the coast. ”

Professor Zhang / Department of MEE

“If it is too late to escape to a safe area in case of a tsunami, in fact, High buildings are also useful for evacuation, try to escape to more than 3 floors. At present, the people of Taiwan do not have a sense of participation in the evacuation exercises, which is a pity.”

Professor Wu / Department of HMS

“The

USER JOURNEY MAP

Through the analysis of expert interviews, the pain point of "The Concept of Vertical Escape" and "Secondary Tsunami Prevention" must be conveyed so that coastal residents can increase their knowledge of disaster prevention and emergency escape in the context of their existing daily lives.

Build Connections with Local Community Information Automatic Broadcasting of Local News & Resources
Online and Physical Community Cohesion
Motivation to participate Rarely Access Disaster Prevention Information
Concept of Escape
Create
Inadequate
Insufficient
Daily Use / APP Services Media& posters Shop Phone Phone APP APP APP APP APP Community Positioning System Design User Interface Design STAGE PLACE TECHNOLOGY BEFORE AFTER DURING ACTION DOING TOUCHPOINT EXPERIENCE OPPORTUNITY O1 O2 O3 O4 O5 Government Promotion Download App Check Message Check Events Join Events Complete Activities Receive Rewards Promote Community News Login Generate interest & download, sign up Know the information Enter basic information Media, posters, stores & other locations Anywhere Community Automatic pushing of local information Incentives for participation Raising awareness through event participation Generate interest through interesting information design Gathering the strength of community residents O1 O2 O3 O4 O5 Incentive to participate Start following & get interested Message through push broadcast Improve disaster prevention knowledge Raise awareness of daily disaster prevention STAGE PLACE TECHNOLOGY BEFORE AFTER DURING ACTION DOING TOUCHPOINT EXPERIENCE OPPORTUNITY Data on Disasters AI Algorithm O1 O2 O3 O4 O5 Emergency Notification Sent Out System Guide Routes Go to Designated Floor Enable Security Reporting Check Real Time Status View Friends Location Wait for Alert to be Lifted Open App Seaside Highway Seaside Highway Seaside Highway Seaside Highway Seaside Highway Seaside Highway Building Refuge Turn on services & features Report ur situation to friends & family Confirm the safety of friends Wait to receive a security notification before leaving Pay immediate attention to the direction of the disaster Follow the route to the refuge Evacuate according to instructions Users know the status from push messages User Interface Design APP APP APP APP APP APP APP APP Escape Instructions Alert users to emergency situations Report to friends and family Collect big data information to provide the most real-time status Follow the instructions of the app to enter a safe area Confirm the security status of your current location O1 O2 O3 O4 O5 01 EXPERT
02
Emergency Tsunami / APP Services
INTERVIEWS
03 PAIN POINTS
second disaster brought by the tsunami is a very important key point, because most people think that tsunami is only once, and back to the disaster area, the concept of vertical escape is very important.” 46

Disaster Warning and Emergency Rescue for Daily Life by Integrating Artificial Intelligence Analysis

ARTIFICIAL INTELLIGENCE APPLICATION

and Fastest , and uses machine learning to generate algorithms with timely data. the Escape Road-Related

Usage Scenario: Tsunami disaster evacuation to nearby buildings at least three floors above

Historical data: Results of high escape rate with road data

04 SYSTEM FLOW CHART 05
47

To implement the Concept of Disaster Prevention in Families & Relationships, and to Enhance Community Support.

The purpose of this study is to Improve the Basic Knowledge of disaster prevention concepts among coastal residents, and therefore summarize disaster prevention messages, knowledge, automatic guided escape routes, and community disaster prevention activities through contextual insights.

Establishing Basic Disaster Prevention Concepts Achieving Social Disaster Reduction Integrating the Impact of Government Propaganda Enhancing Community Mutual Aid Coastal Residents AI Auto Escape Guide 01 Emergency Guidance 03 Status Feedback Emergency Rapid Response Establish the Concept of Disaster Prevention 02 Build awareness ˙ Design Simulation
06 DESIGN DEFINITION
ELEMENTS 48
07 DESIGN

A low-fidelity prototype is used to simulate the functions of the service product.

After logging in, users are introduced to the features of the app and linked to the home page to present the Latest Important Policies, Information, and Disaster Prevention-Related Communities and Resource Centers.

Login Service Features Pages Home Pages APP Home Pages Disaster Prevention Knowledge Evacuation Guide Community Activities Personal Center News Various Disaster Prevention Knowledge Topics Related Communities Best Evacuation Nearby Refuge Evacuation Time Refuge Information Emergency Call for Help Emergency Video Safety Report Personal Collection Prevention Lectures Prevention Study Prevention Information
08 WIREFRAME 49

The service provides users with the opportunity to participate in activities to learn about and respond to disasters, and to Build Community Solidarity during normal times.

In case of emergency, the service can Send Distress Signals and Guide to the Safe and Correct Path.

Disaster Prevention

WIREFRAME Home Pages Community Activities Message Notification Evacuation Guide Personal Center 50
Improving
and
People Can Use the Design System to Get on the Right Way & Achieve the Goal of
Survival
Prevention

Visualizing Disaster Prevention to Reduce the Exposure of Coastal Residents to Natural Disasters

NATURAL DISASTER ISSUES SERVICE DESIGN DESIGN SYSTEM 1 - 4 UXUI INTERACTIVE DESIGN TSUNAMI EVACUATION 51
Prototype Video “01min 00s”

The strategy of this service is to convey the concept of "Vertical Escape" and "Secondary Damage from Tsunami", so that coastal residents can learn disaster prevention knowledge and emergency escape concepts in their daily lives.

Service Features Page 01. 02.

09 UIUX SERVICE DESIGN
Lock Screen
The five major functions of the APP are: Home, Disaster Prevention Knowledge, Automatic Guided Evacuation Routes, Disaster Prevention Activities and Personal Center 52

Home Pages

The home page contains three main elements Local Weather forecasts, The Latest Tsunami and Flood News, and Disaster Prevention-Related platforms.

Disaster Prevention Knowledge

The disaster prevention knowledge function incorporates the concept of Information Design and Interactive Games to present the basic awareness of disaster prevention.

To build up users' knowledge and application in the face of disasters.

09 UIUX SERVICE DESIGN
53 03. 04.

Evacuation Guide

Through the linkage of this product device Predict the Time of Tsunami and The Best Evacuation Path by AI and can automatically detect safe shelters and safe buildings help users navigate different evacuation paths in times of emergency

Early Warning System Notification

| System Flow Chart |

When an emergency occurs, the sensor of the product device returns abnormal data. The system will automatically display the proposed evacuation plan according to the number of people, emergencies, and locations, etc.

Emergency Situations Sensor return Abnormal

AI Computing System Providing Evacuation Get guided to safety High-rise buildings or shelters

Sudden Situations

09 UIUX SERVICE DESIGN
05.
54

Integrating Disaster Awareness into Daily Life to Enhance Response in Case of Natural Disasters

06.

Community Activities

Announcements of community-related disaster Prevention Information, Exercises, and Lectures allow users to participate in activities to learn more about disaster prevention, and to build community solidarity.

07.

Personal Center

The Personal Center provides users with the ability to send a Distress Signal with one click in case of an emergency disaster.

It can also display the current disaster status by Live Stream and the ability to post to friends, family and social platforms.

09 UIUX SERVICE DESIGN 55

Building Knowledge and Application in the Face of Disasters through Games Enhance Awareness on Disaster Prevention

NATURAL DISASTER ISSUES SERVICE DESIGN DESIGN SYSTEM 1 - 4 UXUI INTERACTIVE DESIGN TSUNAMI EVACUATION 56
a Distress Signal to Report Safety
About Disaster Prevention
Unity
DISASTER AWARENESS FOR COASTAL RESIDENTS
Send
Learning
Through Community
Helps Users Navigate Different Evacuation Routes in the Event of a Crisis BUILDING

SERVICE DESIGN SYSTEM FOR THE ELDERLY MEAL DELIVERY

Take Control of Elderly Meals Service with Service System

高齢者食事の設計

1-5 Portfolio

In Taiwan, the proportion of the elderly population aged 80 or older will increase significantly from 24.4% in 2010 to 44.0% in 2060.

The elderly population will need more health systems in the future in order to balance the social health care.

| Instructors

Professor Shyh-Huei Hwang

Associate Professor Tsen-Yao Chang

Assistant Professor Su, Hsiu-Ting

| Member Jui-Hung Weng

| Role | User Researcher, UI/UX/VI Designer

| Tools | Adobe AI/PS/XD

57

How

Their Meals
ELDERLY ISSUES SERVICE DESIGN DESIGN SYSTEM 1 - 5 UXUI INTERACTIVE DESIGN MEAL DELIVERY 58
May I Help Elderly People Get
Properly Nurtured?

SERVICE DESIGN SYSTEM FOR THE ELDERLY MEAL DELIVERY

2019 Dec - 2020 Feb

NYUST - DEPT. of Creative Design / Advanced Creative Design Course

National Yunlin University of Science and Technology

The question of the elderly is a growing problem and the issue of the elderly living alone in particular should be taken seriously. However, the meal delivery system for the elderly is not fully developed , yet many meal delivery problems still need to be solved.

Therefore, how to improve the immediacy and safety of meal delivery, and how to link different ecosystems in meal delivery service to achieve the effect of value-added service are questions that society should consider immediately.

CULTIVATE THE NUTRITIONAL HABITS OF THE ELDERLY INTEGRATED DESIGN EXPERIENCE DESIGN

Design Background

The care model for senior medicine focuses on providing a variety of services to Improve Quality of Life.

With the government's efforts in elderly care, a number of policies are being developed to address the Issue of Elderly Meals.

|
Design Process | Emphathize → User Research → Issue Analysis → Issue Define
Wireframe
Prototype → UIUX Design → Results
1 - 5 | Period | |
| | Abstract |
Type / Program
| Site |
SERVICE DESIGN
59

- Senior living status and its habit adjustment

- Smart technology combined with senior meal service experience

- Internal strategies have low impact and must be complemented by other external strategies

- It is difficult to control the physical condition of each body.

- Senior citizens pay more attention to the inner spiritual feeling except for meals

RESTRICTIONS

TRENDS INTERNAL BARRIERS CONDITIONS

- Older people with more geriatric diseases need to pay more attention to their nutritional status

- Meal service system to provide a spiritual experience

- Execute strategies that combine cloud computing with big data

02 PAIN POINTS

The added value provided by the meal is one of the important factors for the elderly to choose, but the most important thing is for the elderly to be "Valued"

03 PERSONA

Ms. Yu Lan likes to chat with her neighbors for fun. As she gets older, her health is not as good as it used to be, and because of her chronic illness, She Has Less Opportunity to Go Out to Buy & Cook Her Own Food

As for the three meals, she always cooks a big pot for convenience, and then heats up several meals to eat, or buys food directly to eat at home, resulting in uneven nutrition.

Understand the Needs of the Elderly and Help

Difficult to Grasp the Taste of Meals

Low willingness of Social Welfare Groups to Help

National Cultural Factors

Emotional Support

Enhance the Sense of Self-Worth

AGE : 75 years

Occupation : Unemployed

Family : Living alone, son working abroad for many years

Personality : Likes to talk to people

˙ Service Needs

Information Volunteers Care

01 CONTEXTUAL INQUIRY
60

SERVICE BLUEPRINT

In Service After Service

Packaging

Deliverers Food delivery System Notification MealPickup

Dining for the elderly

After meals Medication Reminder

Unit Proactive Care

Children receive data from the elderly

Delivery Meals Staff Personal Greeting

Reminder Elderly Take Medication Telephone Concern Data transmission to children of elderly

The Interactive Model Allows Elderly to Come Together for Meals and Increase Engagement

Delivery Restrictions

Packaging

Confirmation Staff Route

Confirm Staff Delivery Time

Confirm That the Elderly Have Finished

People Training Tableware Positioning System

Tableware Sensing System

Tableware Sensing System

Notification Care Specialists

Notification System

Elderly Needs

Data Integration System

Notification System

Elderly Meal Delivery Service

Human Resources

Social Welfare Solitary Issues

Lunch box

BackStage Management

BackStage Management

BackStage Management

BackStage Management

BackStage Management

BackStage Management

06

DESIGN STRATEGY

When elderly people are faced with various service systems, the main focus is not just on the physical needs, but also on the psychological satisfaction.

The design of this project focuses on how to Improve the Internal and External Influences in the meal delivery system, and Improve the Efficiency of Meal Delivery, while satisfying the psychological needs of elderly people, and integrating various plans to improve the utilization rate and psychological satisfaction for the Improvement of the Quality of Life.

05
62

This study deduces that changing meals through design planning provides the most humane and close meal service while Providing Social Care and Making Them Feel the Warmth of society.

It includes Video Phone, Meal Selection, Meal Delivery, Medication Record, and Recreation.

Increase Emotional Support, Provide Spiritual Comfort through Care and Interaction

Home Page Loading Page Ingredient Selection Page Meal Confirmation Page Video Phone Page 07 WIREFRAME 63

Through the meal delivery system planning, the elderly can enjoy the Satisfaction of Basic Physiological Needs in terms of meals and psychological needs through the service experience, which in turn affects the Improvement of the Quality of Life of the Elderly

Children can also Understand and Care About Their Family Members' Lives through the data information of the APP, such as the elderly's meal habits, medication records and other related data.

Meal Delivery Notice Meal Delivery Medication Notice Medication Record Family Medication Record Home Page Loading Page Family Meal Record ˙ Child Side Interface 64

Video Call

The page is user-friendly for senior users, with simplified and larger buttons and text. Seniors can use the buttons to communicate with each other through calls, videos, messages and pictures.

Ingredient Selection

The food selection process is divided into three steps. First, select your favorite ingredients according to the three categories of main dishes, four dishes and soups. After the delivery is confirmed, users can check the location of the delivery person and the delivery time through the real-time meal delivery.

Child Side Interface

The smart technology combined with the meal delivery system provides senior citizens with video calls, ingredient selection, meal delivery, medication records, and recreation services.

Children can learn about the senior's meal habits, medication records and other related data through real-time data information, and indirectly participate in the meal service system to understand and care about the senior's life.

66

The Value Provided by This Service System Allows Elders to Gain the Value of Gradual Loss through Choice

67

01

MEAL SELECTION

Customize Meals By Preference

• Visual Design, Interface Design, Service Design

06

FAMILY END NOTIFICATION

Meal Data for the Elderly is Sent to the Family in Real Time

• Design Systems, Data Reporting, Real-Time Messaging, etc.

05

ENTERTAINMENT & MANAGEMENT

Integrating Daily Routines into Services

• Video System, Message Management, Medication Reminder, etc.

02

NUTRITIONAL CALCULATION

Understanding Calorie Intake and Statistics

• Nutritionist, Platform Management, Chef, etc.

03 04

DELIVERY NOTIFICATION

Meal Delivery Notification and Real-Time Routing

• Delivery Staff, Platform Management, Logistics, etc.

DELIVERY CARE

Meal Delivery and Care

• Delivery Staff, Service Management, Education and Training, etc.

PROVIDING ELDERLY MEAL NUTRITION THROUGH AN INTEGRATED SERVICE SYSTEM

68 ELDERLY ISSUES SERVICE DESIGN DESIGN SYSTEM 1 - 5 UXUI INTERACTIVE DESIGN MEAL DELIVERY

INSTRUCTIONAL DESIGN: BUILDING AN INNOVATIVE TEACHING SYSTEM FOR SD COURSES

Development Modules for SD Courses to Promote Teaching Effectiv eness

クロスドメイン教学の設計

1-6 Portfolio

Shared Decision Making (SDM) aims to promote mutual respect and communication between doctors and patients.

Through the service-learning mindset and approach, the interdisciplinary curriculum connects faculty and students with industry.

# Changhua Christian Hospital - Academic Medical Centers

# Dalin Tzu Chi Hospital - Center for Quality of Management

# Dalin Tzu Chi Hospital - Department of Medical Education Teaching

# Chia-Yi Christian Hospital - Division of Radiation Oncology

# Center of Innovation and Synergy for Intelligent Home and Living Technology - Director of Design

# Asia-Pacific Service Design Association - Board of Directors

# Digital Medicine Lab - Founder Member | Jui-Hung Weng

Role | Project Researcher, Service Designer, Teaching Assistants

| Tools | Trello, Adobe AI/PS/XD

| Compant | MOE Teaching Pratice Research Program & DEPT. of Creative Design, NYUST

As a Teaching Assistant for the Service Design Course

69
CROSS-DOMAIN TEACHING SERVICE DESIGN
1 - 6 INTEGRATED INTERDISCIPLINARY DESIGN TEACHING MODULE 70
CROSS-DOMAIN TEACHING SYSTEM

INSTRUCTIONAL DESIGN: BUILDING AN INNOVATIVE TEACHING SYSTEM FOR SD COURSES

Ministry of Education's Teaching Practice Program

NYUST - DEPT. of Creative Design / Servive Design Course

| Abstract |

In the action cycle of interdisciplinary teaching, the cross-domain teaching mode of service design courses and the relationship between cross-domain courses and the teaching influence of teachers and students could be explored and analyzed in-depth as a basis for future development.

As a teaching assistant and curriculum researcher for the service design course, I effectively researched service design course instructor and students, shaped appropriate interdisciplinary teaching models and teaching evaluations, promoted service design course construction and enhanced the effectiveness of interdisciplinary teaching models and strategies.

6
1 -
| Period | | Type / Program | 2021 Feb - 2021 Oct
| Site | | Contexts | SERVICE DESIGN COURSE A Study of Cross-Domain Teaching into "Service Design Interdisciplinary Teaching Model Cross-Domain Teaching Effects | Design Process | Research Topics → Research Structure → Instructional Design → Course Implementation & Outcomes → Research Analysis → Conclusion A 71

Constructing a Systematic Learning

INTEGRATED

Media Resources

Teaching Objectives

Media Resources

Video & Audio Resources

Teaching Evaluation Questionnaires Qualitative Research

4 Design Teams 2 Design Workshop 4 Expert Lectures

Instructional Design Action Research Research

In the course on Shared Decision Making in medicine, Action Research and periodic teaching evaluation were used to understand the effectiveness of the course implementation and to make adjustments.

The above objectives and methods were used to construct a interdisciplinary course for this study, leading students to explore university social responsibility on their own.

LEARNER CENTERED Cognition Behavior Cognition
Teaching
PBL Model
Teaching System Service Design
Method
USR
SDM
Media Resources Library
Tool Templates
72
1 - 6
Student Learning Outcomes INTERDISCIPLINARY DESIGN TEACHING MODULE

Quantitative Research

Action Research

Service Design Courses Research Methodology

Qualitative Research

Problem Design Analysis Conclusion

Planning Action Observe Reflection

Synoptic Demand Actual Output Presentation of Results Cycle Test Solution

The teacher acts as a facilitator to integrate resources and encourage students to think about Interdisciplinary Issues.

Week 4 ~ 6 Week 7 ~ 9 Week 10
18 Week 1 ~ 3
~
73 01 RESEARCH METHODS 02
TEACHING STRUCTURE

INSTRUCTIONAL DESIGN

Iterative Design and Presentation

Course Video“04min 00s” Empathy Solutions Output Course Introduction and Icebreaker Service Design Tools Introduction SDM Knowledge Building Service Design Workshop Analysis and Ideas Design Concept Proposal Iterative Design 02 Midterm Presentation Iterative Design 01 Inviting Medical Expert Inviting Medical Expert Inviting Medical Expert Expert Lectures 01 Expert Lectures 02 Expert Lectures 03 Expert Lectures 04 Final Presentation Iterative Design 03 Iterative Design 04 Iterative Design 05 Inviting Industry Lecturer Inviting Industry Lecturer Predictive Design Workshop Inviting Medical Expert Inviting Medical Expert Inviting Industry Lecturer
03
74
CROSS-DOMAIN TEACHING SERVICE DESIGN
75 Cross-Domain Teaching Model Triggering Learning Enhancement Achievement of Teaching Outcomes Education and Learning Reflections Students Learning Attitude Students Learning Motivation Students Learning Outcomes 4
2
4
CROSS-DOMAIN TEACHING SYSTEM
Design Teams
Design Workshop
Expert Lectures
1 - 6 INTEGRATED INTERDISCIPLINARY DESIGN 76

COUNSELING STUDENTS' WORKS

SDM TOPIC

Improvement of Shared Decision Making for Degenerative Arthritis Medical Treatment

OUR PURPOSE

To help patients with degenerative arthritis make appropriate medical decisions, reduce patient anxiety, and apply treatment options to patients of all ages through medical communi-

WHAT WE DO

The decision aid designed in this study not only helps elderly patients to understand decision issues, but also helps health care workers to establish a bridge with patients. The results showed that the communication atmosphere was relatively harmonious, which could reduce unnecessary misunderstandings and improve the quality of service in the health care system.

SDM TOPIC

User-friendly Medical Aid Design for Elderly Patients with Mild to Moderate Depression.

OUR PURPOSE

To create a friendly, reassuring, and dignified medical environment for patients with senior depression, and to increase their willingness to return and follow up.

WHAT WE DO

By designing an app that allows patients or their families to keep track of their lives, we can provide information that patients and their families can use to help doctors understand their patients' conditions at their next visit, reduce the time patients spend communicating with doctors during their appointments, and indirectly reduce patients' waiting time for appointments.

05
Original Version Improved Version Original Version Improved Version 02 01
77

SDM TOPIC

Digital Integrated Application of Shared Decision Making for The Elderly Patients

OUR PURPOSE

Develop an integrated system for personal health education or medical decision making to reduce the time and cost of making shared medical decision aids based on the patient's

WHAT WE DO

In order to avoid the time consuming explanation and excessive consumption of resources on the part of medical services, the prototype was designed to integrate the surrounding resources to improve the problem of inadequate medical resources faced by medical personnel, and to enable all related persons to treat medical personnel compassionately and kindly in the face of dementia symptoms.

SDM TOPIC

The Treatment Method of Missing Teeth for the Elderly in Taiwan Based on Shared Decision Making: Taking Dental Implants and Dentures as an Example

OUR PURPOSE

We promote patients' awareness of the treatment of missing teeth, and provide them with a better understanding of the treatment options, so that they can choose the ideal treatment.

WHAT WE DO

Through the development of SDM decision tools optimization, visualization charts to solve the problem of patients receiving insufficient medical information, to achieve good and effective communication between doctors and patients

Improved Version Original Version
Original Version Improved Version
03 04 COUNSELING STUDENTS' WORKS 78

TEACHING MODULES FOR INTERDISCIPLINARY COURSES

REVERSING THE SERVICE MINDSET IN THE SDM MODEL

Week 01 ~ 03 Week 04 ~ 06 Week 07 ~ 09 Week 10 ~ 18 Synoptic Demand Actual Output Presentation of Results Cycle Test Solution Empathy Solutions Output Iterative Design and Presentation Week 01 Week 02 Week 03 Week 04 Week 05 Week 06 Week 07 Week 08 Week 09 Week 10 Week 11 Week 12 Week 13 Week 14 Week 15 Week 16 Week 17 Week 18 Course Introduction and Icebreaker Service Design Tools Introduction SDM Knowledge Building Service Design Workshop Analysis and Ideas Design Concept Proposal Iterative Design 02 Midterm Presentation Iterative Design 01 Expert Lectures 01 Expert Lectures 02 Expert Lectures 03 Expert Lectures 04 Final Presentation Iterative Design 03 Iterative Design 04 Iterative Design 05 Predictive Design Workshop Building Concepts Promote Thinking Through Courses Bringing Topics Data Exploration Problem Analysis Expert Discussion Review Develop Guiding students Design Innovation Guiding students Design Innovation Integrated Resources Presentations Final & Online Presentations Expert Feedback Collect feedback Course Design Promote Sharing Course Guide Self -Discovery Course Guide Social Issues Resource Import Expert Experience Summarize the process Improv Direction Expert Sharing Clarify Direction Prototype Testing Design Iteration Expert Interaction Expected Results Course Feedback Survey Collection Learn About Medical Issues & Approach with Experts Workshop Guides the Use of the Service Design Tool and Assists with Issues As Presented. Conduct Design Service Iteration Through expert exchanges and sharing, students learn about the possibilities of cross-domain issues for iterative design. Through the workshop process and tools, students are trained to be sensitive to the details of project processing. Students learn about the possibilities of interdisciplinary issues for iterative design. Course Materials Course Design Concept Design Flow Design User Interview Course Discussion Course Discussion Course Discussion Course Discussion Course Discussion Course Present Course Present Project Experience Project Experience Project Experience Project Experience Project Experience Project Experience Course Materials Course Resources Course Resources Course Resources Course Resources Course Resources Course Resources Course Resources Course Resources Testing Prototype Making Prototype Workshop Workshop Design Thinking Design Thinking Design Thinking Presentation Presentation WEEK ACTION DOING
ACTIVITY 06
79
TOUCHPOINTS

course and the structure are quite clear, but the subsequent operation in the issue is not clear in the direction. (A02)

80
4 Design Teams 2 Design Workshop 4 Expert Lectures

After repeatedly revising the implementation content at each stage, it was found that the introduction of interdisciplinary issues, such as health services, into the learning model of the course

Impact on students' learning outcomes.

01 02 03 04
Had a Positive
to
Week 01 Week 03 Week 06 Week 09 Service Design Design Thinking Cross-Domain Learning Operational Issues Synonymy & Definition Understanding Users Find Topics Problem Thinking Definition Questions Design Concept Construction Deconstructing Issues Pluralistic Thinking Logical Organization Convergence Prototyping & Testing Resource Coordination Critical Thinking Design Implementation Realize the Design Teaching Progress Learning Process Course Objectives Service Design Course Awareness Practical Operations Teaching Resources in a Proper Time Narrowing the Range & Producing Design Results Constructing Awareness Constructing a Pathway for Thinking and Transferring Knowledge 81 4 Design Teams 2 Design Workshop 4 Expert Lectures 08 INTERDISCIPLINARY
Basic Theory & Awareness
However, emphasis should be placed on appropriate guidance and teaching aids
help students Focus on the Design and Implementation of Interdisciplinary Issues
TEACHING SYSTEM DESIGN

Learning Feedback

Students

Learning Outcomes

Results Evaluation

Learning Side

Learning Motivation

Group Learning

Learning Attitude

Teaching Feedback

Teaching Impacts

Judgment Implement

Teaching Arrangement

Teacher -Student Interactions

Cross-Domain Teaching Service Design Course

Teaching Assistant Interaction

Judgment Implement

Course Resources

Teaching Methods Teaching Adjustments

Course Topics and Contents

Teaching Side

Teaching Goals

Teachers

Teaching Effectiveness

Teaching Research

CONSTRUCTING INNOVATIVE TEACHING MODULES FOR SERVICE DESIGN COURSES

68
SDM ISSUES SERVICE DESIGN TEACHING MODULE 1 - 6 INTEGRATED
INTERDISCIPLINARY DESIGN INSTRUCTIONAL DESIGN

設計を通して私の生活の体験を 展示して、設計についての払いと 実践を実現されて、 私の "生き甲斐"を展示します。

02. SIDE PROJECTS 83

2 - 1

Social Design: Bringing Visualized Workflow to Recycling Station

2 - 2

Visual Communication Design Project

2 - 3

Design Challenge: 100 Interface-Optimized Design

| p. 85 | | p. 87 | | p. 91 |
視覚伝えの設計 INDEED JAPAN 84
回収プロセスの設計 界面最適化の設計

SOCIAL DESIGN: BRINGING VISUALIZED WORKFLOW TO RECYCLING STATION

| Stakeholders

Starting from the current demonstration sites of the recycling station, we explored the problems and listed out the current situation; improved and optimized the service flow, spatial environment and appearance of recycling station; then, we proposed design solutions to improve the recycling station.

We worked with cross-discipline designers and recycling experts to form a comprehensive team with innovative thinking and perspectives. To attract the support and participation of more communities and young generations, we demonstrated the design of new station for future innovative recycling station.

2 - 1 SIDE PROJECTS | Period | | Type / Program | 2019 Dec - 2021 Feb
Protection Social Design Project - Action Design Team
Chi Recycling Station in Taipei, Taiwan | Site | | Entrance Glass Area Kitchen Second Hand House Multifunctional classroom Dismantling Area Unloading Area Workbench Workbench Classifieds | Abstract |
Environmental
Tzu
Identification Experience Internal Barriers External Barriers Service Recipient Service Provider Superstore Post Office Vegetable Market Garag Lecturers Recycle Manufacturers School Visits Corporate Visits
Volunteers Environmental Volunteers Recycling Team Volunteers Local Residents
Recycling Station Tzu Chi Material Recycling Station Recycling Station Staff Activity Group Volunteers Recycling Station
Meal
Material
Through the clarification of STAKEHOLDER and the interview with the service provider, the requirement of "Clear Flow Planning and a Clear Visual Indicator System for the Station" was derived. | | Design Process | Emphathize → Research Analysis → Design Guidelines → Sketches → Visual Design → Extended Design → Product Design How Might We Help Station Stakeholders Establish Effective Service Workflows? 85

Clear identification signs above and below the left side of the recycling station allow pedestrians and people driving by to clearly Understand the Function of the Building

With the purpose of improving the experience of " Recycling Station Education Activities ", we take stock of the existing recycling and sorting work and teaching service process of recycling stations, and try to establish a more localized environmental education experience in the community other than the recycling education station, and integrate internal and external resources to Convey Environmental Concepts to the public.

01 Improving the Efficiency of Recycling Establishing visual application guidelines to solve the problem of difficult to identify signage

02 Visualization of the Education Process

Visualize space planning and signage to enhance friendly environmental education experience

03 Build Awareness of Recycling

Integrating the concept of education into the station through the design to regulate user's behavior

Unclear Building Function Losing the Meaning of Educational Recovery Not Easily Identified by Labeling Station Unobtrusive Information Loses Meaning Uncertainty in Classification
| CONCEPTUAL DESIGN |
| Design Elements | 箔包 寶特瓶 塑膠袋 塑膠袋 牛 瓶 燈泡 褐玻璃 衣服 透明玻璃 綠玻璃 罐 雜罐 餐盒 硬塑膠 養樂多罐 鐵罐 吸管.瓶蓋 公賣局 酒瓶 白紙 雜紙 / CD 報紙 軟塑膠
5 Volunteers 3 Co-creation Workshop 2 Supervisor | Station’s Pain Point | | DESIGN HIGHLIGHTS | 86
VISUAL COMMUNICATION DESIGN
| Member | Jui-Hung Weng | Role | VI Designer, Illustrator | Period | 2019 Nov | Company | Global Digital MOJO & NYUST | Type / Program Visual Design for the AI Hospital Design Workshop 87 2 - 2 SIDE PROJECTS
| Poster Design for AI Hospital Design Workshop
VISUAL COMMUNICATION DESIGN | Map Design of Tainan Business District | Type / Program | Tainan Light Travel Project 88 2 - 2 SIDE PROJECTS
Shampoo
2 - 2 SIDE PROJECTS | Member | JH Weng, TG Guo | Role | VI Designer, Illustrator | Period | 2017 Jun - 2017 Aug | Company | Industry Service Design Center | Type / Program Hair Care Branding Project 89
VISUAL COMMUNICATION DESIGN |
Brand Identity Design

Brand Identity Design for Xiaolongbao

VISUAL COMMUNICATION DESIGN
| Member JH Weng, TM Tseng | Role | VI Designer, Illustrator | Period | 2017 Jun - 2017 Aug | Company | Industry Service Design Center Type / Program Brand Design of Shanghai Xiaolongbao
#221814 #F0B31B #D38B00
90 2 - 2 SIDE PROJECTS Outside Area Toilets Production Area Checkout Area
#E84645

2 - 3 SIDE PROJECTS

2 - 2 OTHER WORKS DESIGN CHALLENGE: 100 INTERFACE-OPTIMIZED DESIGN | #001~#014

RECYCLING STATION PROJECT: BRINGING INNOVATION TO COMMUNITY RECYCLING

#001 Sign up #003 Loading page #002 Checkout #004 Calculator #005 App Icon #006 User profile #008 404 page #007 Setting #009 Music player
91
#012 Single Product #010 Social share #011 Flash Messages 013 Direct Messaging #014 Countdown Timer
DESIGN CHALLENGE: 100 INTERFACE-OPTIMIZED DESIGN | #015~#030 2 - 3 SIDE PROJECTS #025 PopUp Overlay #024 Onboarding #022 Home Monitoring #023 Search #020 Leaderboard #021 Location Tracker #018 Email Receipt #019 Analytics Chart #017 TV App #015 OnOff Switch #016 Boarding Pass #026 Subscribe #027 Mobile Menu #028 Blog Post #029 Contact Us 92 #030 Music Player
DESIGN CHALLENGE: 100 INTERFACE-OPTIMIZED DESIGN | #031~#049 2 - 3 SIDE PROJECTS #035 Customize Product #031 Map #032 Pricing #033 File Upload #034 Crowdfunding Campaign #036 Dropdown #039 Calendar #038 Weather App #037 Special Offer #040 Testimonials #041 Recipe #043 To-do App #042 Workout Tracker #048 Activity Feed #045 Favorites #046 Info Card #047 Invoice #044 Food Drink 93 #049 Redeem Coupon

DESIGN CHALLENGE: 100 INTERFACE-OPTIMIZED DESIGN | #050~#064

2
- 3 SIDE PROJECTS
#050 Coming Soon #054 Daily UI Logo #051 Notifications #052 Job Listing #053 Press Page #055 Header Navigation #057 Icon Set #058 Breadcrumbs #056 Confirm Reservation
94
#062 Background Pattern #060 Video Player #063 Newsfeed #061 Shopping Cart #064 Social Share
DESIGN CHALLENGE: 100 INTERFACE-OPTIMIZED DESIGN | #065~#083 2 - 3 SIDE PROJECTS #072 Trending #073 Event Listing #077 Download App #076 Virtual Reality #075 Image
#079 Thank You #080 Pending Invitation #081 Itinerary #082 Date Picker #070 Hotel Booking #071 Flight Search #066 In Stock #065 Workout of the Day #067 Select User Type #068 Notes Widget #069 Giveaway 95 #074 Statistics #078 Best of #083 Image Slider
Slider
DESIGN CHALLENGE: 100 INTERFACE-OPTIMIZED DESIGN | #084~#100 2 - 3 SIDE PROJECTS #086 Button #084 Status Update #085 Form #087 Tooltip #089 Categories #088 Advertisement #090 Pagination #091 Terms of Service #092 Progress Bar #093 Avatar #094 Create New #99 Product Tour #098 News #097 Splash Screen #096 FAQ #095 Curated for You 96 #100 In Stock
PORTFOLIO TAIWAN JAPAN
JUI-HUNG
WENG,

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.