Team
Timeline
Tools
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
Luisa Jahn
Bernarda Avila
Robyn Chmelyk
Grace Lim
12 weeks
(Jan-March)
Illustrator
Adobe XD
Figma
Team
Timeline
Tools
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
Luisa Jahn
Bernarda Avila
Robyn Chmelyk
Grace Lim
12 weeks
(Jan-March)
Illustrator
Adobe XD
Figma
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.
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
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
