I created the wireframe through Photoshop and prototype with InVision.
Tools: Photoshop, InVision
Once the user flow was confirmed, I began designing the prototype through Photoshop. During the wireframing process, I always considered current user interactions on the platform. Structuring a consistent layout, visible call-to-action buttons, and spacing were very important characteristics to designing this product. The consistent layout allows the user to develop muscle memory which leads to efficiency. Visible call-to-action buttons are determined by color. Spacing between buttons and information fields creates a desktop-friendly and mobile-friendlier design.
The desktop prototype was developed to translate easily from desktop to mobile or tablet.
I built the prototype in InVision for the team to review. I collaborated with the Creative Director and software developer to gain feedback for feature edits.
Once the prototype was developed, we tested on desktop and mobile and added any errors to Trello. Contributing clear and concise problem/solution tasks for the software developer to follow allowed us to launch the product live on the site.
I created the wireframe through Photoshop and prototype with InVision.
Tools: Photoshop, InVision
Once the user flow was confirmed, I began designing the prototype through Photoshop. During the wireframing process, I always considered current user interactions on the platform. Structuring a consistent layout, visible call-to-action buttons, and spacing were very important characteristics to designing this product. The consistent layout allows the user to develop muscle memory which leads to efficiency. Visible call-to-action buttons are determined by color. Spacing between buttons and information fields creates a desktop-friendly and mobile-friendlier design.
The desktop prototype was developed to translate easily from desktop to mobile or tablet. I built the prototype in InVision for the team to review. I collaborated with the Creative Director and software developer to gain feedback for feature edits.
Once the prototype was developed, we tested on desktop and mobile and added any errors to Trello. Contributing clear and concise problem/solution tasks for the software developer to follow allowed us to launch the product live on the site.
