UI/UX
FE Casters Web Design and Development
FE Casters web design and development project showcasing a clean product catalogue, filters, detailed pages, and WhatsApp-based product enquiries.
Overview
This FE Casters web design and development project was created for a leading caster wheel manufacturing company that needed a clean, product-focused website without any online purchasing features. The primary goal was to showcase their full product catalogue, provide detailed specifications, and make it easier for customers to contact the team directly for enquiries.
Project Overview
FE Casters wanted a website that looked modern and industrial yet remained simple for users who mainly needed product information. The site required product pages, technical details, filters for quick discovery, and an easy contact method all without e-commerce functionality.
My goal was to design and develop a smooth browsing experience that felt like a catalogue but behaved like a friendly, accessible digital product library.
Client Requirements
Showcase all caster wheel products
Include product categories and filters
Provide detailed product specifications
No “Buy Now” or “Add to Cart” buttons
Add WhatsApp-based enquiry system
Improve product discoverability through structured catalog layout
Present the brand as a reliable, high-quality manufacturer
Key Features
1. Product Catalogue Layout
A clean grid layout highlights each caster model with an image, key attributes, and a clear “View Product” button.
2. Detailed Product View Page
Each product includes:
Images
Specifications
Size, weight capacity
Material information
Category and usage recommendations
3. Smart Filtering System
Users can filter products based on:
Wheel type
Size
Load capacity
Application categoryThis helps customers quickly find the product they’re looking for.
Core Capabilities
WhatsApp “Contact Now” Integration (Custom Feature)
Instead of a contact form, I added a WhatsApp contact button on every product page.When clicked:
WhatsApp opens automatically
A pre-filled message appears
The message includes the exact product link
It also includes: “I am interested in this product.”
Why this matters:
You get the user’s mobile number instantly
Higher-quality and verified leads
Reduces fake enquiries
No friction — users feel comfortable sending a message
SEO-Friendly Product Structure
Every product gets:
Search-optimized titles
Clean URLs
Lightweight images
This helps FE Casters rank for wheel types and product categories.
Responsive Design
The website works seamlessly on desktop, tablet, and mobile important because many industrial buyers browse on mobile devices.
Design Philosophy
Keep everything visual and minimal
Use white space to separate technical details
Use consistent icons for specifications
Make the product the hero
Keep the interface calm and predictable
The overall look supports FE Casters’ industrial brand identity while maintaining clarity.
Outcome
The final website delivered a simple and confident catalog experience:
Easy navigation for industrial buyers
Quick filtering for product discovery
No unnecessary features
Clean product details that help buyers make decisions
WhatsApp enquiry system increased qualified leads
The brand now looks more premium and trustworthy
The website now works as a digital catalogue accessible anywhere, anytime without overwhelming users with e-commerce complexity.
Commonly asked questions and answers Phone:+1 (555) 000-0000 Email:hi@arunarudra.com What services do you offer? I design and build digital experiences end-to-end.My core services include UI/UX design, product design, website design, branding, and complete development support when required. Whether it’s a mobile app, web platform, or a full product from scratch, I handle everything from research to final execution. How do you approach a new project? I start with understanding the problem not jumping to screens. Research, user flows, and structure come first. Once the foundation is solid, I move into UI design, prototyping, and handoff. If development is included, I ensure the final build matches the design exactly. What tools do you use for your design work? I primarily work in Figma for UI/UX and prototypes, and Illustrator for branding and visual assets. Depending on the project, I also use tools like Photoshop, After Effects, or development platforms through my team. Can you handle both design and development? Yes. If a project requires it, I collaborate with my development team to deliver a complete solution design + development. This ensures the final output stays consistent with the design vision and avoids the usual designer–developer mismatch. How long does a typical project take? It depends on the complexity.A simple website takes around 2–3 weeks.A full product (app + website + dashboard) can take 6–10 weeks.Before starting, I always give a clear timeline based on scope so there are no surprises. Newsletter subscribe!Enter your email to unlock an exclusive 10% discount on professional website development tailored to your business needs.[blocksy_newsletter_subscribe form_style="inline" container_style="boxed"]Have more questions?Let’s schedule a short call to discuss how we can work together and contribute to the success of your project or idea. Book a call now
[ Start a project ]
Want something like this for your business?
Fixed price · Free quote in 24 hours