zTouch Dashboard
UX/UI • Figma • Full-Stack Development • React • TypeScript • NextJS
A showcase of some of my design and development work from my 6-month co-op at zTouch Networks!
Planning Dashboard Layouts
At the beginning of my co-op, I was given the general idea of what features the dashboard should contain, and a basic sketch of what the dashboard should look like.
First, I sketched out basic wireframes to determine the dashboard layout, and user flows within the web app.
Creating the Design System
After compiling feedback on the wireframes, I gathered insight on zTouch's values, audience, and mission. From these and its existing logo, I created a design system for zTouch to use for its platform.
Wireframes + Components
A Brief Look at Implementation
Following my designs, I built the dashboard from scratch using the Next.js (App Router) framework, and built my components using TypeScript, React, and custom Chakra UI components.
A seamless, responsive dashboard experience:
