Web App Wireframes
As a UX designer, once I understand the project’s direction, scope, and budget, I begin the logic flow exploration after researching and thoroughly understanding the requirements. After I have confirmed the flows with the project’s partners, I typically start the design exploration on paper.
When I find a direction that most effectively captures the requirements and the best user experience, I will wireframe that design, looking for instructional interaction points and micro-interactions to improve the experience.
Note: the content below has been unbranded and altered at the request of a previous employer. For this project, I did not go beyond wireframes.
I developed this dashboard concept to determine how specific components would reflow in responsive design.
Contact and FAQ Design:
I developed this flow to discover how FAQs and Contact should behave—should the pages be interlaced in one page or separated into two? The exploration below reflects those decision points.
Initial interaction flow:
These interaction flows were further explored and fleshed out. (The client rejected the initial FAQ prominence design.) Below are the two Contact prominence designs and the different page designs.
UX Web Wireframes