Nomad Camp is a store that features products for the outdoor enthusiast or weekend adventurer across, footwear, clothing, fishing equipment & 4WD. The UX design thinking was applied to the website design.
Nomad Camp is a store that features products for the outdoor enthusiast or weekend adventurer across, footwear, clothing, fishing equipment & 4WD. Users range from the ages of 17-75 years.
People interested in outdoor goods come from various age groups, and the more mature type have limited experience with online shopping, making it difficult for them to navigate and purchase products online. These customers often find online shopping tasks more complex and challenging to complete.
The goal is to develop a camping website with a simple checkout process that enables users to easily browse and complete purchases, regardless of their age or online shopping experience, while minimising frustration.
This project was an individual student endeavour. Following the design stages of the UX product lifecycle has enhanced my planning and research skills.
The research method that was chosen for usability research was, moderated study guiding the user through prompts in person. My aim from the study was to discover the thinking habits of users completing a purchase from start to end. In addition to draw out areas of required improvements in the main user flow from participant responses. During the synthesis process I chose to do qualitative research.
1. Products taking longer than expected to be delivered.
2. Forms that aren’t clear to fill out.
3. Being overwhelmed by the amount of products displayed on screen.
4. Certain products not displaying enough information or easy to understand.
I began the low-fidelity digital wireframes and keeping in mind pain points and frustrations from other existing online camping stores collected by interview participant responses.
Large buttons have been included to the design allowing users to select the options with ease. My cart section is placed on the righthand of the page to allow users to easily focus on products that have been added to cart. Plus to be able to go quickly back to product overview page as section is still visible in viewport of window.
I created this low-fidelity prototype to test the layout and functionality of my designs, before iterating my work further and developing some of the other elements on the website.
1. Label text was too small to read on checkout progress bar below icons.
2. Delivery types did not indicate how many working days each option would take on delivery options page.
3. A suggestion was made that it would be useful for some users to include a print order button or save as pdf, when order has been completed.
4. Billing address option not included on payment page.
I applied changes to the store website from insights made by the participants completing usability study. Changes included to keep order summary visible throughout the checkout process, to include billing address field that was missing on payment method page, and improving the functionality of the confirmation page allowing users to immediately save or print orders via website.
Design considerations have been made for different devices of the responsiveness and how the website would display on mobile, tablet and desktop.
After refining the low-fidelity prototype, I worked on the final designs with the goal keeping the interface as simple and clear as possible across the website pages. The colour scheme I used across the website was inspired by nature using natural colours. I chose to use a white background for Nomad’s site to keep and clean look modern look.
Completing the Nomad Camp’s desktop website I have become more confident in creating sitemaps and wireframes. I have built a greater awareness of the finer details of UI elements for a checkout interface design.
