While working at DRUO's core product (a POS and business management app), the product team saw an opportunity to launch an app that would help small businesses create an online store for free and receive orders from their clients during strict quarantine.
I was in charge of the flows and the interface of the application and the online store. This had to be completed in 10 days for developers to roll out for the rest of the month to launch quickly. The main design challenges were:
· Maintain a clean design that will not generate any friction both for businesses to publish products and manage orders, and for customers to buy products.
· Order management should be simple. This includes the change of states and direct communication between business-clients.
I generally start projects by building navigation, usability and wireframes flows to study architecture and iterate. In this occasion this was not possible due to the short time we had to finalize the design. This forced me to make faster decisions based on hypotheses and taking delivery products that I have used as references.
Create an easy to use app for sellers to manager their orders and deliveries.
"Diego totally nails the world of UX/UI. He is a strategic thinker with brilliant execution." -Manuel Gutiérrez, CTO
When opening the app, what we have right away are the orders that need immediate attention from the business. For busy sellers, having the active orders at hand is crucial so we accommodate them as they come in.
The main CTA included in the homepage is "share store" which helps them share the whole store or individual products through social media or any means they see fit. What they share is a link that will take shoppers to the online store.
The list of products and the details of each should be very easy to read. Due to business strategy and development effort, product details were limited to photo, name, description and price.
I placed the "+" icon in the upper right to allow adding a new product from the catalog view without a fixed button at the bottom taking away the visibility of any of the items.
The application creates the online store automatically. Sellers activate it with just one click. Through here, buyers can add products to cart and place orders.
After adding products to their cart, buyers enter their contact information and address so that sellers can get in touch and deliver the product or service with ease.
We made the decision to combine the steps of 'cart' and 'checkout' for greater agility in the creation of an order.
When orders arrive, sellers must take immediate action, that's why the order management needs to be very simple. This management includes the change of states and direct communication between business-clients:
· Taking into account the number of statuses an order can have, we have quick filters in the order list to make a faster search.
· In the order detail, we place a blue call to action at the top with the next exact status of an order (for example, new -> in progress -> completed).
· Below this button, we have the option to "contact customer" to provide different channels of direct communication to sellers.
See how they have described what's like working with me