top of page

Optimising Surya Online: Innovating 
Functions for B2B Sales

Client: Surya Foods
Duration: 4 months


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.

offer page old.png


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.


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 t
o 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.


User Persona



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. 


iPhone 14 Pro – 1.png


iPhone 14 Pro – 2.png


iPhone 14 Pro – 4.png


iPhone 14 Pro – 5.png


iPhone 14 Pro – 3.png







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. 


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


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).

bottom of page