00 %
[ UI/UX DESIGN, WEB EXPERIENCE ]

PrestoPlast

CLIENT PrestoPlast
SERVICES UI/UX Design, Web Experience
YEAR 2026°
ROLE Lead UI/UX Designer, HTML Developer
[ 01 / OVERVIEW ]

Building a Modern B2B Digital Experience for India's Electrical Infrastructure Brand

Presto Plast is a leading Indian manufacturer of electrical accessories and infrastructure products, offering a comprehensive portfolio that includes modular switches, switch plates, distribution boards, MCBs, PVC conduit pipes, casing & capping, LED lighting solutions, electrical boxes, accessories, and various wiring management products.

Unlike traditional e-commerce platforms, Presto Plast operates as a B2B manufacturer, supplying products through distributors, dealers, wholesalers, retailers, and project partners rather than selling directly to end consumers. The objective of this project was to redesign the company’s digital presence into a modern product showcase platform that strengthens brand credibility, simplifies product discovery, and generates qualified dealer and distributor enquiries without displaying product pricing.

The redesigned website emphasizes product categorization, dealer engagement, technical resources, certifications, corporate information, and enquiry-driven conversion while creating a scalable experience for future product expansion.

Role: Lead UI/UX Designer, HTML Developer
Client: PrestoPlast
Year: 2026
Timeline: 0 Weeks
Tools Used: Figma, Photoshop, WordPress, Responsive Web Design, Design System, Interactive Prototyping, HTML, CSS, Bootstrap
PrestoPlast Final UI Platform Interface Mockup
[ 02 / CHALLENGE ]

The Challenge

01

Presenting a Large Industrial Product Catalog

The company manufactures hundreds of electrical products across multiple categories. Organizing this extensive catalog into an intuitive navigation structure while maintaining fast product discovery required a carefully planned information architecture.

02

Designing Without E-commerce

Since products are sold exclusively through distributors and wholesalers, the website needed to avoid shopping cart functionality and pricing while still encouraging users to submit enquiries and locate authorized dealers.

03

Serving Multiple Business Audiences

The platform needed to address the needs of distributors, wholesalers, retailers, contractors, electricians, architects, consultants, and institutional buyers through tailored content and clear navigation.

04

Communicating Technical Product Information

Electrical products often require detailed specifications, certifications, dimensions, and application guidance. The challenge was to present technical information in a structured, easy-to-understand format without overwhelming users.

[ 03 / USER RESEARCH ]

User Research & Insights

INSIGHT 01

Product Discovery Drives Most Visits

Research showed that the majority of visitors arrive looking for specific electrical product categories such as modular switches, MCBs, conduit pipes, LED lighting, or electrical accessories rather than browsing the company profile.

INSIGHT 02

Dealer & Distributor Enquiries Are the Primary Conversion Goal

Unlike retail websites, the primary objective is not online purchases but generating qualified enquiries from distributors, wholesalers, retailers, contractors, and project buyers. Clear enquiry pathways significantly improve lead generation.

INSIGHT 03

Technical Documents Build Buyer Confidence

Professionals expect quick access to product specifications, catalogues, certifications, installation guides, and downloadable resources before making purchasing decisions or recommending products.

INSIGHT 04

Corporate Credibility Influences Purchasing Decisions

Business buyers evaluate manufacturing capability, certifications, production standards, infrastructure, and brand history before partnering with suppliers. Highlighting these trust indicators strengthens brand perception.

INSIGHT 05

Dealer Locator Simplifies Procurement

Since products are sold through authorized distributors and wholesalers, users expect an easy way to locate nearby dealers instead of purchasing directly from the website.

INSIGHT 06

Mobile Usage Dominates Product Browsing

More than 0% of visitors access product information using smartphones while visiting dealer shops, construction sites, electrical stores, or project locations. Responsive product pages greatly improve usability.

INSIGHT 07

Visual Product Categorization Improves Navigatio

Users prefer browsing through visual product categories with representative images instead of searching lengthy technical lists. Large category cards and structured navigation reduce search time considerably.

INSIGHT 08

Quick Enquiry Forms Generate Better B2B Leads

Short enquiry forms with product references, business type selection, and contact information produce significantly higher conversion rates than lengthy quotation request processes.

[ 04 / IDEATION & LOGIC ]

Ideation & Logic

Designing a Product-Centric B2B Manufacturing Platform

The experience was designed around the purchasing journey of electrical professionals rather than retail shoppers. Instead of shopping carts and pricing, the platform guides visitors through product discovery, technical evaluation, company credibility, dealer location, and enquiry submission. Every interaction is optimized to generate qualified B2B leads while reinforcing Presto Plast's reputation as a trusted electrical manufacturing brand.

01 Discover the Brand

Learn about Presto Plast's manufacturing expertise, certifications, infrastructure, and commitment to quality.

02 Explore Product Categories

Browse modular switches, plates, MCBs, conduit pipes, casing & capping, LED lighting, electrical boxes, accessories, and related products through structured navigation.

03 Evaluate Product Information

Review product specifications, applications, technical details, certifications, and downloadable catalogues.

04 Find Authorized Dealers

Locate distributors and wholesalers through the dealer network to purchase products locally.

05 Submit Business Enquiries

Contact the sales team for dealership opportunities, institutional purchases, project requirements, and product-related enquiries.

[ 05 / WIREFRAMES & ITERATION ]

Wireframes & Iteration

The design process began with sitemap planning and low-fidelity wireframes focused on organizing extensive product categories, simplifying navigation, and improving enquiry conversion. Multiple iterations refined homepage storytelling, mega menu architecture, product listing layouts, specification pages, dealer locator workflows, and contact experiences. Continuous usability testing ensured visitors could quickly locate products, technical information, and business contact options across desktop and mobile devices.

[ 06 / DESIGN SYSTEM ]

Design System & UI Kit

Industrial Simplicity with Modern Precision

The visual language reflects Presto Plast's engineering excellence through clean layouts, structured grids, bold typography, product-focused imagery, and reusable interface components. The design system emphasizes clarity, technical credibility, and scalability while maintaining consistency across product pages, resource centers, enquiry forms, and dealer information.

Slate Black (#0C0C0D)
Lime Glow (#D1FF4C)
Cool Gray (#8C8E94)

Typography & Components

  • Display Title: Plus Jakarta Sans / Bold / 5.5rem
  • Section Tag: Plus Jakarta Sans / ExtraBold / 0.8rem / 0.15em spacing
  • Body Copy: Plus Jakarta Sans / Medium / 1.05rem / 1.6 lineheight
[ 07 / VISUAL DESIGN ]

Final Visual Design

[ 08 / PROTOTYPE ]

Interactive Prototype

A fully interactive prototype was developed to simulate the complete B2B customer journey, including homepage exploration, mega navigation, product category browsing, product detail pages, technical documentation, dealer locator interactions, enquiry workflows, and responsive layouts. The prototype helped stakeholders validate information architecture and usability before development while ensuring a seamless experience across desktop, tablet, and mobile devices.

https://webs2.prestoplastgroup.com/
[ LIVE PREVIEW ]

Real World Project

https://webs2.prestoplastgroup.com/
[ 09 / TESTING & IMPACT ]

Usability Testing & Impact

Testing Outcomes

Usability testing focused on product discoverability, navigation efficiency, technical information accessibility, dealer locator usability, and enquiry conversion. Feedback from distributors, electrical retailers, contractors, consultants, and business stakeholders helped simplify product categorization, improve navigation, optimize enquiry forms, and enhance technical documentation. The final platform successfully transformed Presto Plast's website into a modern B2B digital experience that strengthens brand credibility while generating qualified business enquiries.

  • Reduced average product discovery time by 0% through optimized category architecture and mega navigation.
  • Increased distributor and dealer enquiries by 0% with strategically positioned enquiry forms and dealer locator integration.
  • Improved technical resource engagement by 0% through structured product pages and downloadable documentation.
  • Enhanced mobile usability by 0% with responsive layouts, touch-friendly navigation, and optimized product browsing.
-0% Product Discovery Time
+0% Business Enquiries
+0% Technical Resource Engagement
+0% Mobile Experience
[ PROJECT TESTIMONIALS ]

What Clients Say About This Project

No testimonials submitted yet for this project.

Submit Your Feedback

Share your experience working with me on this project. Your review will be featured dynamically.

UP NEXT CASE STUDY Vision Malala Foundation