Echo Ship

Developing a design system for rapid prototyping a sales demo

🗓

When: 2019

💻

Platform: Web

👥

Team: 2 PMs, 2 Developers

👨‍💻

Role: UI Developer

🛠

Tools: React JS, Styled Components, VSCode, Storybook, Netlify, Git, Basecamp, Sketch, Figma

Echo Global Logistics(NASDAQ: ECHO) is a leading provider of technology-enabled transportation and supply chain management services.

Background

I partnered with Echo while working at 8bit to help them develop a prototype for their sales team. Echo's product team had used 8bit in the past to do similar work so I was onboarded quickly. For this project, I was given a complex set of design flows and documented interactions that needed to be turned into a prototype. How it was built was up to me and the PM I was working with. Eventually, we decided on using React for reusability purposes come to the final handoff to Echo's team.

Project Highlights

⭐️-Personally developed hundreds of components and assembled them into a design system using Storybook JS.

⭐️-Used design system I built to assemble components into a full prototype built with Gatsby JS.

⭐️-Paired with senior engineer after I had completed static/functional components to add more advanced features like state machines, data inputs, and typeahead search.

Prototype Preview

View Design System