For my Interaction Design (CMSI-370) semester project I created a web app that consolidates shipments so users can easily and more efficiently track their packages.
I wireframed and researched popular usability guidelines then created a single-page React Hooks web app designed to satisfy Nielson’s 5 usability metrics. The app tracks packages given a carrier and tracking number and utilizes the Shippo and Mapbox APIs to display a package’s current status and location on a map within a React Modal.
Coded in React Hooks, JavaScript, HTML/CSS. Artwork created in Adobe Illustrator.
Check out the GitHub here :)
Initial Wireframes
Final Design