E-COMM WEBSITE

E-commerce platform for govt employees

User research, wireframes, and e-comm website design for govt employees with bulk and group buying deals.

3D design made in blender - A hand pointing with index finger with an orange sleeve.3D design made in blender - A laptop.

Project overview

APTS-Ecomm is an E-commerce platform exclusively for government employees to buy products they need at discounted rates. With the Group Buying (also referred to as Social buying) concept, they can form groups with other government employees and purchase products in bulk to get discounts. It expands customer social networks to other customers with similar interests to create a larger group. Plus, there are consumables & department-specific products that are perfect for office use. Considering the current economic scenarios due to the growth of digital buying, COVID-19, APTS aims for a significant change in the consumer buying process, needs, and behaviors forcing retailers to adopt innovative business models.

Challenge

The current challenge for government employees is that, they spend more time online searching for discounts, comparing alternative retailers & reading the reviews before buying which can take up a lot of their day. Yet they don't have access to bulk purchases or avoid shipping costs on items bought multiple times or at once & has no assurance of warranty or support.

Design process

By researching how the incentives work for buying early and by referring their network, wireframes were drawn to show a better way of displaying group-buying prices in the product description page. And made sure the users spend less time online when making decisions before purchasing products from vendors who offer discounts if they purchase bulk orders.

Final result

With the introduction of Group buying concept, larger groups allow you to buy products at significant discounts. So an interactive e-commerce prototype is designed with an easy to understand & intuitive group buying feature for the government employees which allow them to buy in bulks and with great discounts while spending less time online.

Home page that makes visitors to take action

The home page to helps visitors find the perfect group buying deals right away and also find products by categories or brands with ease. It provides recommended products based on their previous search keywords, all using an intuitive user interface.

E-commerce Website design made in figma - Home page with carousel and group buying deals and recommended products.
E-commerce Website design made in figma - Home page with offers and deals along with an option to shop by brands.
E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Login and registration page.
E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Registration successful page.
Left Arrow icon.
Right arrow icon.

Browse, filter and find products with ease

Users can find what they need quickly with this layout. The product list is clear and concise, making it easy to navigate through all of the items on group buying deals. The use of search bars & filters helps users to find items without sifting through categories.

E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Products list page with filters option.
E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Product details page with group buying deal.
E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Checkout page.
E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Product details page with an option to contact the vendor.
Left Arrow icon.
Right arrow icon.
APTS E-comm iOS and Android icon.
APTS E-comm
Group and bulk buying

Group Buying lets customers form groups from their social networks to buy products in bulk to avail discounts.

AI-driven pricing

Shopping with AI-driven pricing models to give customers a great experience and value for money.

Incentives for buying early

Customers will be rewarded with a better price for ordering early and referring their network.

Connect with like-minded customers

Group buying by like-minded customers allows economies of scale for all stakeholders.

A woman sitting and talking on phone while holding a credit card and a laptop on her lap.

Group buying that provides significant discounts

Group Buying (also referred to as Social Buying) is where customers form groups from their social media networks to buy products in bulk and avail significant discounts. This helps users connect with customers with similar interests to create a larger group.

E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Home page with a "What is group buying?" slide on top in the carousel.
E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Group buying concept with dates and price changes in a calendar.
E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Group buying concept with dates and price changes in a calendar.
E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Product description page.
Left Arrow icon.
Right arrow icon.

'My Account' page that keeps the users engaged

Users can take advantage of the site's referral system to earn cash in their wallets. This helps them to be engaged and also get incentives through referral bonuses at the same time. Users can also access their profile details, saved cards, FAQs etc.

E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Refer a friend section under profile page.
E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Order list page.
E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - Wishlist page.
E-commerce Website design made in figma for APTS, an exclusive shopping platform for government employees - My Wallet page.
Left Arrow icon.
Right arrow icon.
Quote icon.

The word ‘design’ is everything & nothing. The design & the product itself are inseparable.

- Jony Ive

A woman sitting in front of a laptop thinking while holding a pen in her hand with an Apple Watch product and price speech bubbles floating on the image.
A paper that has the quote - "Redefining the customer e-commerce shopping experience". A pen and leaves placed next to it.
Government employees sitting in front of the laptop and shopping the products for their team.
Showcase of APTS - Ecomm website on a Mac book pro laptop mockup. A plant and pen placed next to the laptop in a top view.

Wireframes and behind the scenes

Here's a sneak peek of the work done for this project before designing a high-fidelity interactive prototype. I always draw wireframes as they are an essential part of the product development process, allowing you to identify issues earlier on, saving time & money in design and development phases.

Wireframes and behind the scenes: Ravijune, UI/UX designer is working on APTS project
Wireframes and behind the scenes: MacBook Pro laptop with APTS screens being designed on figma
Wireframes and behind the scenes: MacBook Pro laptop with APTS screens being designed on figma
Wireframes and behind the scenes: MacBook Pro laptop with APTS screens being designed on figma
Wireframes and behind the scenes: A picture of papers with wireframes drawn on them and placed next to a MacBook Pro laptop and iPhone 13 pro

Thank You!

A showcase of home page of APTS website home page on a MacBook Pro laptop.
View all projects
Right arrow icon.