UX/UI Designer, Web Developer

Yongqi Chen

Tools I Love Working With
About

Feature Redesign: Monitoring Dashboard

UX/UI Design
Product Strategy
Bioinformatics/Biotech
Project Description
This case study outlines the redesign of a monitoring interface used to track workflow activity across a data platform, by transforming the page into an intuitive dashboard.
My Role - Lead Designer
User Research, Market Research, Wireframing, Hi-Fi Design, Animation, Interactive Prototype, and Developer Handoff
Tools I used for this project

Feature Redesign: Workflow Run Configuration

UX/UI Design
Product Strategy
Bioinformatics/Biotech
Project Description
This case study outlines the redesign of a run configuration interface, specifically used by bioinformaticians to analyze genomic data.
My Role - Lead Designer
User Research, User Interview, Wireframing, Hi-Fi Design, Interactive Prototype, and Developer Handoff
Tools I used for this project

Electric Vehicle Subscription App

UX/UI Design
Mobile App Design
Tech Industry
Project Description
A mobile app that enables users to rent electric vehicles. The design covers key user flows including account sign-up, car selection and subscription, identity verification, and viewing delivery instructions.
My Role - UX/UI Designer
Information Architecture, User Flow, User Testing, Wireframing, Hi-Fi Design, Interactive Prototype, Developer Handoff
Tools I used for this project

ecoCRED: Empowering Sustainable Choices

UX/UI Design
Environmental Sustainability
Project Description
ecoCRED is a mobile app that rewards users for making eco-friendly choices, like skipping utensils in food orders or choosing electric vehicles for rides.
My Role - UX/UI Designer
Wireframing, Hi-Fi Design, Animation, Interactive Prototype, and Developer Handoff
Tools I used for this project

Mobile App Design: EV Shuttle Service

UX/UI Design
Mobile App
Project Description
STEER Shuttle is a demo project designed for the city of Barrie, offering a premium shared shuttle service using Teslas to improve local transit.
My Role - UX/UI Designer
Market Research, Competitive Analysis, Wireframing, Hi-Fi Design, Animation, Interactive Prototype, and Developer Handoff
Tools I used for this project

Website Creation for a Logistics Business

Web Design/Develop
Responsive Design
Javascript
Project Description
I designed and developed a bilingual website for a logistics company. Created and managed web content, designed visual assets, and implemented a JavaScript-based shipping fee calculator.
My Role - Website Creator
Branding, Multilingual-Content Writing, Wireframing, User Interview, Hi-Fi Design, Graphic Design, Web Development
Tools I used for this project

Website Rebranding for DNAstack

Web Design
Responsive Design
Project Description
Redesigned DNAstack’s company website to elevate its online presence with a refreshed, modern interface. Collaborated closely with cross-functional teams to deliver core content and visual assets.
My Role - Website Creator
Branding, Wireframing, Hi-Fi Design, Graphic Design, Interaction Design, Motion Graphic Design, Developer Handoff
Tools I used for this project

Website Creation for an Interior Lighting Company

Web Design/Develop
Responsive Design
Javascript
Project Description
I designed and developed a product catalog and individual lighting pages for an interior design company. Used JavaScript to generate custom ordering codes and created a gallery to showcase past projects.
My Role - Website Creator
Wireframing, Hi-Fi Design, Graphic Design, Interactive Design and Web Development
Tools I used for this project

Website Creation for a Creative Agency

Web Design/Develop
Responsive Design
Javascript
Project Description
A playful interactive website template I designed to showcase my front-end animation skills — featuring smooth scroll effects, hover animations, and a 3D interactive object.
My Role - Website Creator
Branding, Wireframing, Hi-Fi Design, Graphic Design, Interaction Design, Web Development
Tools I used for this project