Deliverables

Design responsive interface for an auction application- Website + Mobile App.

• •   Wireframes for both the journeys – mockups/ wireframes, final visual designs with live interactions.
• •   The screens should be intuitive and self-explanatory and descriptions / notes are not required.
• •   Design for iOS and Android platform.

Buyer Screen / Journey:

This is the screen that the buyer will use to monitor the auction after the auction has been created and some suppliers have already submitted their offer(s). The screen should contain all the information that the buyer would need and all the actions that the buyer could perform.

Key Entities

• •   Best Bid (all items & by item) by Savings and Amount.
• •   Time Left.
• •   No of Suppliers and Bids by Suppliers.
• •   Ranks.
• •   Extend or Close Auction.
• •   Connect with Supplier(s).
• •   View Trend.
• •   Inform Stakeholders.
• •   Alerts.

Information Architecture

Initial Sketches

Hand- Drawn Wireframes

In human–computer interaction, paper prototyping is a widely used method in the user-centered design process. It helps come with a design that meets the user's expectations and needs. The method was used to understand the primary tasks of the user at any given point of the screen. This led to the formation of the information architecture- defining the primary, secondary and tertiary tasks of the user and their progressive disclosure.

This is a set of hand drawn sketches I made to illustrate what I had in my mind.

Low Fidelity Mockups

Sketch Mockups

Supplier Screen / Journey:

Screen used by the supplier to take part in this auction. As above, the screen should contain all the information that the supplier would need and all the actions that the supplier could perform.

Key Entities

• •   Current Bid.
• •   Best Bid.
• •   Time Left.
• •   Rank.
• •   Update Bid.
• •   Connect with Buyer.
• •   Alerts & Notifications.