Designing an E-commerce website for a regional shop
As we advance onto Week 3 and Week 4 of the UXDI course, the 2 weeks had actually been devoted to the second task– The E-commerce Project.The class was
divided into three groups. Competitor Analysis and website gos to were done groups, the rest was private work.Project Scope
We were offered a project brief of a hypothetical local shop called Sunshine Foods, a local groceries keep situated near Liverpool Street Station considering that 1998. The company saw chances to support the local neighborhood by permitting individuals to order some items online, and either have them delivered to their house or work, or chose up at the store.The service design is based on customer service, affordable rates, and keeping it local.Through the new e-commerce site, Sunshine Foods desires to showcase their products, while keeping their
brand image … which is to keep the consistency of their in-store service of offering excellent customer support to their customers, by
brand image … which is to keep the consistency of their in-store service of offering excellent customer support to their customers, by
equating the brand values of personal touch and seamless shopping experience onto their online operation.What the brand name wants.Some prioritization work has actually currently been made with the client, and they have specified what can be consisted of in the site.
of specs which is broken down into MUST– NEED TO– COULD– WON’T. For much better understanding, I summed up the info into the following picture.Summary with my notes Summary of Sunshine Foods quick Meet Robert Together with the project brief, we were given a user personality. Prior to we go into the details of task, let’s learn more about our end-consumer– Robert.He supports local business and worths genuine life experience. He has frustrations that we wish to
Rivals To get a better understanding of the circumstance, we visited a number of competing local shops in the location besides Amazon Fresh, to see their offline operations.Store visits with the group Sunshine Foods sells organic products and uses a highly-curated stock, focusing on carefully picked quality over amount. The online stores were factored into the rival analysis as
Circumstance: Robert wants to rapidly purchase groceries to be provided home. He does it regularly.Problem: He has a wish list and he is frustrated with looking for products on the list, one item at a time.Solution: Sunshine Foods offers a”Store by shopping list choice “so Robert can conserve his wish list and time.Outcome: Robert has a seamless shopping experience, and he likes the service.Designing the website Sunlight Foods has 75 items. I performed 2 card sorting workouts and was able
to group the items into 14 classifications. The categories are more combined under 3 main product areas of Food, Beverage, and Household.Card sorting of Sunlight Foods’s Products Then, I created a sitemap which functioned as a blueprint to producing the international navigation bar for the site. I continued with sketching the design of the online shop and developed it to a clickable prototype.Ideation of Sunlight Food website from paper sketch to clickable prototype.To test the practicality of my concept, I performed usability testing with 6 users and these are the outcomes. I tested two primary task circumstances: The respondents Knowings from 6 usability tests: Users missed specific call to actions, 5/6 missed out on the” Shop by going shopping list”contact us to
action button due to: Poor exposure of parts Baffled by some wordings Felt overloaded by the design Absence of visual aid VERSIONS I
based on knowings from the usability tests. These are the models: There were twelve iterations in overall, however I desire to emphasize on Version # 3 and# 8
as they are the versions to the primary feature.The store by wish list feature was at first shown as”Shop by List”
button, which followed the following indicator phrase: Have a wish list? Let’s us shop it for you” Shop by List “However, from the use tests, users didn’t notice the function due to bad exposure as the typeface size and button were too little. Some users were puzzled by the name as they were not sure of what”List”referred to. I iterated it to Have a wish list?”Shop Now”A shorter and a simple call to action button with clearer visibility.Users can type the
items on their wish list in the text box on of the shopping list page.Click on” STORE”All the products will be shown as a list.However, I found that the users did not choose this feature because they were skeptical of the system– there were no confirmation whether the search would return the
. I included a dropdown auto-suggestion with item photo as a visual help to help validate with the users that the were going shopping for the best product.Moving forward, I look forward to check the iterated model with the users and iterate
Leave a Reply