Béo E-commerce App

Our challenge as a group was to design a viable digital app from the ground up.

From the user research to user testing to a final working prototype. We decided to

design an enterprise app targeted towards small brick-and-mortar store owners

as well as artisans with no e-commerce platforms.

My role

User Research

Visual Design 

Prototyping

User Testing

Team

 

Luisa Jahn

Bernarda Avila

Robyn Chmelyk

Grace Lim 

Timeline

12 weeks

(Jan-March)

Tools

Illustrator

Adobe XD

Figma

Béo is an online marketplace to buy goods from local

small businesses.

When customers place an order on Beo, the stores receive and then fulfill the order, and our couriers at Béo will pick-up all the completed orders and take them to the shipment facility nearby for quick delivery. From there, the orders will be delivered to the consumers who ordered the products. The app we are building is the app for small retail business owners.

Interact with Béo

Identifying

the problem

After researching, we found that small business owners were struggling to maintain their stores afloat in our current e-commerce boom. Our main goal for Béo was to help local businesses by creating an app to consolidate e-commerce orders and help with overall inventory management. Additionally, Béo would also help handle the logistical aspects of product delivery, with a reduced ecological impact. 

Personas & Target Audience

Before conducting user interviews, we created personas

based on our assumptions about our target audience.

Persona4.png
Persona3.png
Persona2.png
Persona1.png

User Interviews & Trends

After creating our personas, as well as an interview plan, we interviewed local business owners in order to understand their needs. We identified trends through insight mapping:

Expenses

Most interviewees identified expenses to be the main challenge of running their business and to delve into e-commerce.

Social Media Ads

ALL interviewees used some form of social media marketing to boost their sales - primarily Facebook and Instagram posts.

Assumptions

Most interviewees had assumptions about who their average costumers were. Contradicting currently available data -such as which demographics shop online the most.

Multitasking

Most interviewees reported performing most or all of the tasks for their businesses and typically have their attention divided between many tasks at any given time.

Loyalty

Most interviewees valued and prioritized their relationship to their customer, as well as their communities.

Unique Items

Most of the interviewees reported that they sell primarily unique products.

Devices

Most interviewees were very likely to have access to a tablet, a desktop computer, and a mobile device, though all interviewees reported having access to a tablet.

M.V.P. Features

Based on our user interviews, we identified our Minimum Viable Product features:

Receive, view, accept/decline orders

Users will need to know what orders have come in to be able to fulfill them in time for the courier pick up.

Inventory List

Users will determine the inventory they have for sale and upload it to their online store to then be purchased by consumers.

Site Map

beo-sitemap.png

Start of the

design phase 

We began by designing low and then high fidelity pages of the app - based on our user flows and feature list. Through the low and mid-fidelity wireframes, the features of the app were organized onto the screens. We also completed some mood boards for the app's UI design - including animations of possible gestures.

Key Features

Receiving & Viewing Orders

Businesses need to know what orders have come in to be able to fulfill them in time for the courier pick up. The app receives and displays incoming orders and their details onto the screen for reference.

Inventory 

Businesses will determine the inventory they have for sale and upload it to their online store to be purchased by consumers. The app generates an editable list of products that the business is currently offering.

Past Orders

Businesses will have access to past orders in the event of an error or other circumstances. The app saves and compiles a searchable list of all completed past orders.

Promotions

Businesses are able to offer sales and advertise their products to their Béo’s store’s followers and share these sales with their social media accounts. The app allows businesses to select certain products and create a promotional discount for those items.

Sales Analytics

Businesses will be able to see the trends regarding their products in a simplified form to help them derive business insights. The app visualizes relevant information into easily digestible insights - based on data from past orders.

Current Style Guide

beo-styleguide-condensed-2.png