The Brief
Design a feasible digital app
Tools
Figma & Adobe Illustrator
Designers
Robyn Chmelyk, Grace Lim, Luisa Jahn, & Bernarda Avila
My Role
UX/UI Design (Icon & Data Vis Gaphics), Research, User Interviews & Testing, and UX Writing & Editing
Duration
12 weeks
When
Jan 2020
'Beo' E-Commerce App
The Brief
Design a feasible digital app
Tools
Figma & Adobe Illustrator
Designers
Robyn Chmelyk, Grace Lim, Luisa Jahn, & Bernarda Avila
My Role
UX/UI Design (Icon & Data Vis Gaphics), Research, User Interviews & Testing, and UX Writing & Editing
Duration
12 weeks
When
Jan 2020
Introduction
Beo is an online marketplace to buy goods from local small businesses.
When customers place an order on Beo, the stores receive and then fulfills the order, and our couriers at Beo 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.
Live Prototype
The Problem
"How can we help small-businesses struggling to compete in the current e-commerce boom?"
The main goal of the project was to help local businesses by creating an app to consolidate e-commerce orders and help with overall inventory management. Additionally, Beo would help handle the logistical aspects of product delivery.
User Interviews
We interviewed local businesses owners to better understand their needs. Through insight mapping we idenfitifed trends between the interviews:
MVP Product
Based on the user interviews, we identified our MVP (Minimum Viable Product) features:
Personas
We then created personas based on our target users; store owners and independent artisans.
Site Map
Initial UI Designs
We began the design phase by creating 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 moodboards 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 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 error or other circumstances. The app saves and compiles a searchable list of all completed past orders.
Promotions
Business 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.
We are currently conducting user testing of the app with business owners.
Style Guide
The app UI was designed to instill trust and confidence in business owners.
The UI was designed to look modern, trustworthy, and minimalist - as the app processes payments for users. Dark colours, subtle diffuse drop shadows, and off-white colours make the app feel refined, sophisticated, and streamlined.
