Teamatic is a web app for ordering custom team uniforms. The app experience is tailored to be responsive, clear and easy to use. With the idea of reusable components that scale in mind, I designed the app in steps in which I outline below:
I created my wireframes in Adobe XD, the idea was to create two versions. A desktop version for a full web experience and another based on a responsive break-point to represent the mobile version. The requirements are based on best practices for online shopping – coupled with customization options that are needed to fulfill every product option.