I intended to share findings for a typical farmers market website. Instead I enrolled in a Udemy course, entitled "User Experience Design Essentials," to become a certified UX/UI designer (I believe it'll complement my two bachelor of fine arts degrees I earned for graphic design and art history). I wanted to understand the approach to crafting a website with Adobe XD from this course. I completed two assignments from a seasoned and accomplished UX/UI designer.
Primary UX Tool
I learned to build functional wireframes and high fidelity prototypes with Adobe XD. Much of the functionality in Adobe XD echoes Photoshop and Illustrator. Adobe XD's unique aspects come from its functionality to mimic a website. I created transitions, micro interactions and simple vector based images.
First Project: Wireframing a website
The brief: build a website for an online furniture manufacturer who sells affordable, high-end design furniture.
This e-commerce website will appeal to a particular female customer. "[Katherine] is an executive at the local offices of an international medical device company. She earns a salary of $110,000 per year. She has children at University. She’s both style & price conscious. Katherine is updating the furniture at the 4 bedroom family home. The update in furniture is following the slow remodeling of the house now that her kids have left for university. She loves to browse style guides online. She uses Pinterest to gather her design ideas."
Feature List / Product Requirements
Below, video of interactions between pages and micro interaction of search.