Team Ludo WUX App Design

Date: 28th August 2022

Mockups

I have created mockups, based on my wireframes created last week. My and my teams meeting on Monday 28th, we decided:

Anjileen and I would create a set of mockups each, based on our own wireframes.
To create these mockups in Adobe XD, rather than Figma.

I will admit, having to familiarise myself with Adobe XD took me out of the mockup creation process, so this is perhaps not my best work. However, I think it is good enough to start performing tests between my and Anjileen's set, such as determining high-level - or general - likes and dislikes amongst those we interview / test with.

As with the wireframes, these mockups depict the main pages in the user flow:

Home Page
Browse Page for listings (with search filters - by price, genre, no parts missing etc)
Login Page (email/password)
Register Page
Single Product Page (product image/details, including contact seller button, and ability for buyer to leave comment/question on this page)
Create Product Listing Page / Sell
User Dashboard/Profile Page (shows grid with listings belonging to logged in user with edit/delete button on each. Also shows user star rating/reviews and add review link)
Manuals Page (simple grid or list with title of game, image and link to manual for various board games)

Home Page