The Brief

Redesigned to increase Sales and improve the Ux of the app

The task was to improve the flow of the app and make it more user friendly for B2B users. It would not be a complete overhaul ​but to help generate more sales by e.g pushing products at the checkout stage. The current platform generates millions in revenue hence its important.

Wireframes

Boosting Sales and UX with Improved Product Visibility and Checkout Features.

There are a range of current issues with the app such as products not coming up during search resulting in people clicking off. There are also not many function which help generate more sales e.g showing similar products during checkout so I will be implementing a range of those help boost sales and improve the UX of the app.

Wireframes

Current Design

The Problem

Tackling problems in B2B Redesign

  • The existing app lacked a search function, hindering B2B users in quickly finding the products they need.
  • To stimulate more sales the current app lack an offer features to motivate the consumer to buy more.
  • The original app lacks categories, potentially causing confusion for users. I am to restructure this to provide a more intuitive and organised navigation experience.
  • The previous inconsistently categorised frozen and ambient products leading to user confusion especially when they planned to buy from both categories. I am to streamline this and implement a unified approach.

My Role

In my role, I led the redesign of the SuryaOnline B2B app. Starting with wireframes, I crafted a user-friendly layout. Once approved, I redesigned the app, introducing features to boost sales and improve the UX for B2B users.

Discovery

User Persona

User Persona

WIREFRAMES

To start of I created wireframe based on the initial design. This featured a new login page and an updated nav bar with search function. A new Multi-Buy page was also created to help generate more sales.

LOGIN

LOGIN

HOME

MENU

SHOP

UPDATED DESIGN

LOGIN

HOME

PRODUCTS

MULTI-BUY

SIDE - NAVBAR

Create a page to showcase the companies move to sustainability and how Surya Foods is currently helping the environment. The design should have a modern feel but use the companies design guidelines.

SEARCH FUNCTION

User can search any items by searching on top bar, once it clicks, they go to another screen where user can see recent searches also can see related searched items too. This was one of a new feature added to improve the UX. In that page if there is no data for recent purchases, or if user come to this screen after placing order, recent search API call and fetch new data.

The main array from which we search is also fetch once when user enter this screen, after that it will remain same for the current session. When user close app and restart app it will fetch again. You can see recent search terms and that will store locally up to 10

BUNDLE BUY

In the bundle offer, user can buy 2 products in said quantity then got a discount of X currency. For an e.g. If user bought rice of 5 kg in 2 quantity and Laila chana masala-5kg in 1 quantity then it should be for £100 rather than its original total price of £125.

Option to add more quantity was also added to help the consumers add more quantity of the same product and would be shown how much they would be saving (if discounted).