Creating an E-commerce site for a local store– UX Collective

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

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.

They provided a list

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

keep an eye out for in developing our online service, which are: Long lead times on items Speaking to

owners who are not well-informed Doesn’t like to wait in queues.In addition, I performed two user interviews with Sarah and Rich, a vegan couple that likes to cook and typically purchase natural groceries.I asked them about their online and offline shopping behavior and discovered that they are irritated with looking for each item on their wish list, search by search– suggesting that they have to click on the search bar each time they search for a different item

  • . This learning stimulated an idea of a shop by wish list function for Sunshine Foods.User Journey– Shopping Online &

    Shopping In-Store Defining Customization I took the company goal, user’s requirements, and competition into consideration as I design for Sunshine Foods e-commerce website. I wished to make sure that my concept fits with the Sunlight Food’s brand worth of personal touch.The heart of this idea is to enable customers to look for products with a single click. It’s a mental map translation of an offline experience– as if our staff is going shopping on your behalf, all you require to do is give them your shopping list.What this “Store by shopping list “function will do: Remove hassel– numerous clicks, going back and forth in between webpages.Saves time unlike searching for items, one product at a time.Personalization– able to change and shop his lists appropriately I believe it is practical as Robert knows what he desires– he has a shopping

  • list and he shops it regularly.Competitor Analysis

    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

  • they offer comparable product offerings.I learned of buyers in-store shopping habits that they generally roam around the store to discover an item, and they frequently feel overwhelmed by the aisle with numerous products ranges. Hence, the site ought to not elicit a frustrating experience to the our online buyers as we do not want to translate their disappointment onto a platform where users is one click away from switching to other stores.I likewise contacted the competitors website to see their online service offerings, and this is the comparison of the primary features.As mentioned earlier about my ideal solution to the user issue. Obviously, the concept of shop by shopping list overlaps with Waitrose’s multi-search, that made worried me about the client’s goal of wanting to distinguish their online service. The idea doesn’t go in vain. This function may have similar back-end mechanism, however it has a different function and supplied a various purpose.

    Therefore, I proceeded with this idea.The scenario at a glimpse This is the circumstance I hope the site would assist Robert to have a smooth and individual shopping experience.Storyboard of the scenario.Robert rapidly needs to put in an order for some fresh fruit and vegetables to be delivered to his house(something the client does regularly).

    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

    repeated the prototype

    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

  • product they were actually looking for, and not other items of the similar kind

    . 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

    once again till it comes to a consensus that the concept feasible.

    Be the first to comment

    Leave a Reply

    Your email address will not be published.


    *