{{ heroGreet }}
{{ heroHeading }}
{{ timeIcon }}{{ locationWeather }}
{{ clockTime }}
Role
Lead UX Designer
Team
Eason Xing (PM)
Gene Wang (SWE)
Gene Wang (SWE)
Tools Used
Figma
Attention Insight
Attention Insight
Timeline
Summer 2023
At a glance
During the summer of 2023, I got the amazing chance to intern at Acer Inc. as a UX/UI Designer. While I was there, I was the sole UX designer for this project and responsible for the design direction of the POC.
This project is a collaboration between Acer and National Taiwan University Hospital (NTUH), the No. 1 Hospital in Taiwan, and our goal was to digitize and transform healthcare services in Taiwan.
Process
Conceptualization
User Flows
Information Architecture
Information Architecture
Design
Prototyping
Iteration
AI Testing
Final POC Design
Final POC Design
Impact
Increased satisfaction amongst stakeholders securing project development
Increased readability and accessibility of key patient information to doctors and nurses
Refined patient log-in user flows, reducing user confusion and providing seamless health data integration
Increased satisfaction amongst stakeholders securing project development
Increased readability and accessibility of key patient information to doctors and nurses
Refined patient log-in user flows, reducing user confusion and providing seamless health data integration
Context
In Taiwan, accessing personalized risk predictions and timely interventions often proves challenging for individuals. Simultaneously, healthcare institutions face hurdles in efficiently analyzing incoming data and delivering personalized care recommendations to patients.
For Acer and NTUH, they recognized this as an opportunity to bridge this gap. Our solution aimed to democratize access to predictive healthcare insights while streamlining the workflow for healthcare professionals.
Objective
01
Design a B2C mobile application aimed to provide users with the ability to conduct health risk predictions based on NTUH's risk prediction model
02
Design a B2B web application software that intakes data from the app and displays health information to the doctors at NTUH for analysis and diagnosis of health status
Conceptualize
Mobile
For the mobile aspect of this ecosystem, I first started with establishing a general user flow of what logging-in would look like. This was establish through repeated iterations and communication with business stakeholders.
Web
For the web aspect of this ecosystem, not only was the visualization of information important to nail but also how the user actually access the information and whether or not the information hierarchy was intuitive. This was difficult due to the sheer amount of information there is but in the end we were able to reach a structure that made sense to our stakeholders.
Open the full information architecture diagram ↗
Open the full information architecture diagram ↗
Prototyping
Mobile
With the foundations laid out, I moved forward with creating the first set of wireframes and iterated from there.
Web
As well as the web applications.
Iteration
After creating the first version of the prototypes the next step is to iterate on my designs... but how? As some other UX designers may have experienced before, sometimes it is very hard push PMs and executives to allocate time and effort to usability test.
How did I overcome this? I was able to utilize AI to help me identify hot spots where users would gravitate towards and some places they did not.
Optimal clarity = 58% (below average)
Optimal clarity = 58% (below average)
Results
While serving as a great tool to explain design rationale to stakeholders. Through this iterative process, I was able to get continuous feedback and improve my designs.
In the end, the results look something like this...
Takeaways
Coming from a background where most of my design skills came from an academic environment, it is very easy to go overboard and create something that is nearly impossible to implement. From working with developers and business stakeholders I've learned to create designs that balance feasibility and aesthetics.
Having the chance to work with both Acer and NTUH provided valuable exposure to interdisciplinary collaboration. This experience enhanced my ability to communicate effectively across different teams with varying expertise, fostering a more holistic approach to problem-solving.
When designing an ecosystem that includes both mobile and web applications, I learned that it is very important to fully understand who the users are and think about how the data is shared and visualized between the two systems.
More projects
UofT School of Graduate Studies →
← Back to work
Web Design
An Innovation Sprint Platform for 300+ Participants
2024 BMO Destination Digital
Role
Lead UX Designer
Timeline
8 months
Skills
Information Architecture
Persona
Web Design
Prototyping
Persona
Web Design
Prototyping
Team
Research Team
Developers
Project Managers
Business Analysts
Developers
Project Managers
Business Analysts
At a glance
During the Fall of 2023, I had an amazing opportunity to work for BMO that lasted 8 months. In my role as a UX Design Intern, I was engaged in several projects that demanded seamless collaboration across various teams, including Research, Digital Core, Capital Markets T&O, B2C Collections, and more.
Project Overview
Cultivating innovation at the Bank of Montreal
Despite the numerous projects I got to work on during my time at BMO, I want to highlight the last project I took part in. BMO Destination Digital 2024 is a 30-hour innovation sprint where BMO employees form cross-functional teams to develop solutions to real-world business problems, focusing on rapid ideation and prototyping supported by mentors and tech partners. The event aims to foster creativity and innovation within the bank, driving impactful solutions aligned with BMO’s strategic priorities
The goal of the design team was to create and design a platform for the participants, judges, and admins of the event. As the lead UX designer on the team I had the chance to lead design reviews to improve navigation, button design, and information architecture. Below are some of my contributions to the project. (Please note that due to NDA, these are recreations of my work at BMO)
Despite the numerous projects I got to work on during my time at BMO, I want to highlight the last project I took part in. BMO Destination Digital 2024 is a 30-hour innovation sprint where BMO employees form cross-functional teams to develop solutions to real-world business problems, focusing on rapid ideation and prototyping supported by mentors and tech partners. The event aims to foster creativity and innovation within the bank, driving impactful solutions aligned with BMO’s strategic priorities
The goal of the design team was to create and design a platform for the participants, judges, and admins of the event. As the lead UX designer on the team I had the chance to lead design reviews to improve navigation, button design, and information architecture. Below are some of my contributions to the project. (Please note that due to NDA, these are recreations of my work at BMO)
Impact
Increased user satisfaction and navigation capabilities amongst 300+ users
Redesigned buttons to prevent submission errors amongst our participants
Held design reviews with project managers and developers to align on design direction and to provide design feedback
Increased user satisfaction and navigation capabilities amongst 300+ users
Redesigned buttons to prevent submission errors amongst our participants
Held design reviews with project managers and developers to align on design direction and to provide design feedback
Improved Navigation
During the development phase of the platform, the navigation between different pages was very choppy with the navigation menu changing with each page. I proposed a newly designed global navigation menu integrating drop-down selection and new overarching topics to nest our old menu items in.
Button Redesigns
For our participants to successfully submit their project proposals and innovative ideas. We needed to make sure that the submission user flows was direct and easy to understand. To ensure this, I redesigned the primary and secondary buttons used for the submission user flow to better represent its function.
Preventing Information overload
We had a lot of topics our participants could choose from which also made it overwhelming at times. To prevent information overload, I created drop down menu's to nest topics inside the event themes.
Thanks for stopping by! Checkout my other projects
Role
Project Manager
UX Designer
UX Designer
Team
Erica Lee (UXR)
Valerie Wu (UXD)
Colin Xiao (UXD/Client Contact)
Lu Liu (UXD)
Valerie Wu (UXD)
Colin Xiao (UXD/Client Contact)
Lu Liu (UXD)
Tools Used
Figma
Canva
Miro
Canva
Miro
Timeline
Winter 2024 (4-Month)
At a glance
During winter 2024 I had the pleasure of working with the School of Graduate Studies and lead the redesigning efforts of the website. The University of Toronto’s School of Graduate Studies (SGS) website serves as a pivotal platform to provide comprehensive information and resources at every phase and aspect of the graduate learning journey.
This redesign project focuses on making improvements to the navigation design and most frequently sought-after user paths/flows, such as program applications for prospective students and writing support for current students and employees.
Process
Research
Questionnaires
Moderated Interview
Observation
Moderated Interview
Observation
Ideation
Brainstorming
Prototyping
Storyboarding
Prototyping
Storyboarding
Testing
Usability Testing
Feedback
Accessibility
Feedback
Accessibility
Impact
Increased average user satisfaction of website from 6.12/10 to 9.05/10
Reduced average search time for key resources by 86%
Eliminated content redundancies across crucial workflows, reducing user confusion and increasing clarity of information
Increased average user satisfaction of website from 6.12/10 to 9.05/10
Reduced average search time for key resources by 86%
Eliminated content redundancies across crucial workflows, reducing user confusion and increasing clarity of information
Problem
Despite the university's reputation for excellence, its graduate studies website fails to meet users' needs due to design inconsistencies and content redundancy from multiple developer iterations. This results in poor information findability and inconsistent elements, significantly impacting the user experience for prospective students, current students, and staff.
Addressing these issues is crucial to align with SGS's mission of providing comprehensive information and enhancing the graduate school's reputation.
Alignment
Prior to starting our research it is crucial to understand first and foremost what are our client's objectives. We prioritized uncovering this during our first meeting with the clients.
Client Objective 1
To promote and support the work and supports offered by the SGS centres by ensuring their services are easy for students to find and they understand the benefits.
Client Objective 2
To support administrative staff and departments with the tools, messages and information they need to support their students.
Client Objective 3
To promote and support the communications needs and priorities of the Dean and Vice-Deans.
How might we improve the SGS website's navigation to ensure that it effectively meets its user groups' diverse needs by enhancing the findability of key application resources and educational support?
Research
In our research, we identified three primary user groups for the SGS website: prospective students, current students, and staff. Through 13 interviews, we discovered that current students often bypass the website, relying on direct emails or faculty-specific sites. As a result, we focused our redesign on addressing the shared needs of staff and prospective students, while considering current students as secondary users.
4 Prospective Students
4 Staff
5 Current Students
4 Prospective Students
4 Staff
5 Current Students
1. Questionnaires
Survey capturing background and demographic information such as student status, faculty, etc...
2. Moderated Interview
15-30 min. interview session consisting of questions uncovering their main goals on the site, their experience, and any frustrations they experienced.
3. Observation
Participants were given two different tasks based on which user group they belong to:
Students - Find the program requirements for your program, and find out how to apply.
Current Students and Staff - Can you find the writing support contact for grad students?
Students - Find the program requirements for your program, and find out how to apply.
Current Students and Staff - Can you find the writing support contact for grad students?
Affinity Diagram
Following the research conducted, our next steps were to categorize the information and consolidate the main themes identified into artifacts such as personas and as-is scenarios. Not only was this useful for us in determining our scope, this was also extremely helpful in communicating with our client.
Theme → Pain-point → User Quotes
Theme → Pain-point → User Quotes
Prioritization Grid
Due to the strict 4-month timeframe of this project and the sheer size of the website, we needed a way to prioritize all the identified these and polish our focus and scope. We utilized a prioritization grid to plot all of our identified themes based on feasibility and impact.
Through this process of categorizing and prioritizing, we were able to identify five main pain points for our users...
Pain Point 1
Poor information hierarchy and organization of informatio
Pain Point 2
No assistance when scrolling up large amounts of content
Pain Point 3
Sections within web pages are hard to distinguish and navigate through
Pain Point 4
Information overload due to overwhelming amount of information and poor layout design
Pain Point 5
Links, headings, buttons, and menu items lack context which confuses users
Personas
From our identified themes, we wanted to create two personas that embodied the frustrations of both students and staff at UofT. Incorporating insights from our interview, survey, and pain points, our personas allowed for a more focused and effective redesign of our ideal user.
As-Is Scenario
Alongside our personas, we created As-Is scenarios capturing what our users are doing, feeling, thinking, and the pain points their experiencing throughout their user journey of the SGS Site. This highlighted for us what steps of the user flow are going wrong, which in turn increased our focus and efficiency on problem solving.
Ideation
Brainstorming
For ideation, we needed to start brainstorming solutions for the problems identified in our research and thanks to the prioritization grid created previously we had a good sense of issues to focus on.
Here are the solutions we felt were "No Brainers" based on its impact and feasibility...
Mid-Fidelity
For our medium-fidelity designs we wanted to make sure we nailed our user needs identified in our research and bring some of our "No Brainer" solution to life. Below are some of the designs we came up with:
Figma File ↗
High-Fidelity
In the High-Fidelity Prototype stage, we meticulously translated our mid-fidelity designs into polished, visually compelling interfaces. This phase emphasized precise visual details, advanced interactive elements, and seamless user experiences. The high-fidelity prototype served as a near-final representation, allowing stakeholders to visualize the end product with clarity and confidence.
Figma File ↗
Storyboarding
Following our high-fidelity prototypes, we created storyboards to contextualize our designs. This not only helped in communicating with our clients but also served as a point of comparison with our as-is scenario. Below is a brief summary of the user flow, for the full walkthrough please click the Figma link below.
Full Storyboard Walkthrough ↗
Final Design
Usability Testing
With our prototypes done, we moved towards usability testing. This iterative process ensured that the final design was both intuitive and effective, meeting the high standards required for the SGS website.
Major Improvements
Thanks to our participants, we were able to uncover some flaws in our design and iterate on those. Here are some of the major changes...
Final Design ↗
Prioritizing support over marketing
Removing marketing material such as quotes and replacing them with resources such as news report carousels
Polishing workflows
Removing unnecessary tutorials on program applications, allowing users to be taken straight to application page straight from program information page.
White space management
We felt like the side-menu on the program information page allowed for a lot of unused white space, so we explored other designs and layout to figure out how to better utilize it.
Accessibility Considerations
Colour contrast fulfills WCAG AAA Requirements
Line spacing is at least space-and-a-half within paragraphs, and paragraph spacing is at least 1.5 times larger than the line spacing
The purpose of each link can be determined from the link text alone or from the link text together
Proper headings and clear/concise content in the pages for optimized screen reader capabilities
Reflection
Take-aways
Learning the importance of efficient project management as it ensured smooth team coordination, timely completion, and effective communication throughout the project
Having design artifacts and utilizing them as a tool for communication with clients
Taking the proper time and due diligence to really understand the wants and needs of your client is crucial
Next Steps
Conduct second round of user-testing of final design
Expand design decisions and improvements to other areas of the site
Hand-off to development team at SGS for implementation
More projects
Acer Health Management Center →
My Work
Award-winning digital banking platform (Coming soon)
An Innovation Sprint Platform for 300+ Participants
Bank of Montreal
Shipped 2024
Designing a Dual-Platform Health Informatics Ecosystem
Acer
Handed off 2024
Higher Education Navigation Overhaul
University of Toronto
Handed off 2023
Let's connect.
{{ cursorLabelText }}
Hey, I'm Darren Ting, your UX maestro ☻ infusing design with life's fun. When I'm not crafting interactive adventures ✺, I'm performing music and documenting my life through videography.
Design Pillars
User-Centric Focus
Placing users at the core, ensuring each design resonates with their needs and desires.
Seamless Functionality
Engineering designs that not only look good but work effortlessly for a flawless experience.
Innovative Design
Unleashing creativity in every pixel, creating designs that captivate and innovate.
Delightful Experiences
Infusing a touch of joy and surprise into every interaction, making moments memorable.
Built with Figma + Claude
© 2026 Darren Ting. All Rights Reserved.