WEB APP

B2B platform for ICT ecosystem

Research, Wireframes, User experience & User interface design for vendors, buyers, sellers and distributors in the ICT Eco-system.

Part of shopping cart made with blender.3D speaker icon made with blender.3D Spy CC camera made with blender.Another part of 3D shopping cart made with blender.

Project overview

ICT Circle is the world's first B2B Platform for ICT Eco-System. You can find everything you need in one place. It’s simple to buy and sell, with the opportunity of connecting prospective buyers and sellers before any deal is accepted. Sellers can also advertise their products on the site for prospective buyers to browse through at their leisure. ICT Circle proves that it's not just about products anymore; it's also the services that come with them.

Challenge

To redesign the existing web application, improve user experience and come up with a better solution for customers who want to buy and sell ICT products from each other with proposals request forms that allows them to talk it out first before accepting a deal. And to update the current bulk order management system and inventory.

Design process

Discussed, brainstormed and went through the pain points of their current application with the client, then listed the features they wanted to add on the platform based off user research before creating draft wireframes for both a buyer and seller persona that were later refined into an interactive prototype to be tested by users.

Final result

The new platform focusing on the user’s needs creating an even better experience for buyers and sellers, helping them to get more proposals and closing deals at a faster pace. The Community Feed is a great way for buyers and sellers in ICT industry connect with each other so that they create better opportunities together.

Landing page to scan at a quick glance

The ICT circle's website is a treasure trove of information for potential clients. The user can browse through the product catalogue before registering on the site, which gives them an opportunity to gain trust in this platform by viewing exclusive features and pricing details that will help with their decision making process.

ICT web app - Landing page design hero section.
ICT web app - Exclusive features section design in the landing page.
ICT web app - Registration page.
Left Arrow icon.
Right arrow icon.

Browse and filter ICT products with ease

Buyers can view the products with the intuitive user interface and experience. Filter by reviews, brand, price and more to find exactly what you're looking for. Also, customers can request fro quote before placing an order or making a deal.

ICT web app - Products list page in grid view.
ICT web app - Products page in list view.
ICT web app - Product details page.
Left Arrow icon.
Right arrow icon.
ICT Circle app icon.
ICT Circle
B2B for ICT Eco-system

World's first B2B Platform for ICT Eco-System where buyers, sellers and distributors connect.

Community of buyers & sellers

Users can post their innovative products and advertise on the platform.

Manage orders & Inventory

Manage all your orders & quote requests from potential buyers with ease.

Instant messaging

The instant chat feature between buyers and sellers makes it faster for them to close the deal.

ICT Circle web app - Showcase with Product and messaging components.

Community to interact and share their cool products

As a registered user, be a part of the global community where you can get ideas from other users to enhance your business and find new potential customers. Create a post about what you have in store, whether it's an idea for an ICT product or service that could help others with their needs!

ICT Circle web app - Community feed screens with filter option.
ICT Circle web app - Chat screen with individual sales manager.
ICT Circle web app - Group chat screen for ICT community circles.
Left Arrow icon.
Right arrow icon.

Order management and statistics

Manage all the orders and quote requests from the buyers at one place. The messaging feature makes it easier for the users to close the deals early. Sellers get an overview of RFQs received, profile views, products sold etc., making it easier for them to track past engagements on this B2B ecommerce website.

ICT Circle web app - Manage inventory screen.
ICT Circle web app - Statistics screen.
ICT Circle web app - Quotes received screen.
Left Arrow icon.
Right arrow icon.
Quote icon.

Usability is about people and how they understand and use things, not about technology.

- Steve Krug

Showcase of ICT Circle web application with home page on the MacBook Pro mockup.
ICT circle mobile app screens on iPhone11 mockups.
A woman seller chatting with a customer about the Zone alarm system product.
Showcase of ICT circle web application on a Microsoft desktop mockup.

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.

WIreframe papers placed on a MacBook pro laptop at home office next to Apple Watch and iPhone for ICT Circles project.
iPhone with ICT Circle mobile app prototype installed in it, placed on a MacBook Pro laptop.
MacBook Pro laptop with ICT Circles web app screens designs on figma.
ICT Circle wireframes on papers placed near the MacBook Pro laptop.
Top view of the MacBook Pro laptop with ICT Circles landing page in figma app. With apple mouse and wireframe papers placed next to it.

Thank You!

3D solid hands placed on the laptop keyboard with Exclusive features section on the laptop screen.
View all projects
Right arrow icon.