Website Design and Development
416-703-9704
get a quote
go back

A Web Application for the Perfect-Fitting Dress Shirt

The Clive Richard brand is all about making custom clothing more accessible. Helping guys get into a perfect-fitting dress shirt would take an application that's easy to use and that generates reliable measurements. It was our job to design and develop this advanced system, along with an e-commerce website and back-end to support the business with order management, appointment scheduling for in-person fittings and more.
Services
  • Project analysis and planning
  • Solution architecture
  • Infrastructure architecture
  • UX and UI design
  • Full-stack development
  • Third-party system integrations
  • Application and infrastructure maintenance
  • 3D visualization
  • Branding
Technologies
  • PHP
  • HTML5
  • CSS3
  • JavaScript
  • Laravel
Project Highlights
  • Dress shirt customization tool
  • 3D fabric renderings
  • Customer measurement profiles
  • Ecommerce
  • Appointment booking system
  • Order management system
  • Production Management System

Dress Shirt Customizer

This advanced system is the result of meticulous planning, testing and UX/UI design. Users can move step-by-step through the interface—choosing their style of collar, cuffs, pockets, buttons and more—or skip ahead to the details that matter to them. Style updates and pricing are reflected in real-time, eliminating guesswork. Users can even add a custom monogram.

Photorealistic 3D Fabrics

To improve the online shopping experience, we rendered more than 100 fabrics into photorealistic 3D. Each fabric is composed of multiple parts, so users can see the results of each style choice in real-time. For easier selection we grouped fabrics by style. On the back-end, admin can easily add new fabrics and assign details such as price, thread count and thickness.

Customer Measurement Profiles

Fit can make or break a shirt, so the measurement process had to be seamless and accurate. To start, users are prompted to input a few basic details such as body type, height and fit preference. This generates a series of default measurements. Users can customize these measurements—guided by accompanying videos—and save their measurement profile, which can be edited later.
Inputting customer measurements and adding a monogram.

Back-End System

Behind the scenes, a custom CMS built to Clive Richard’s specifications makes it easy for admin to add or edit products, generate promo codes, track orders, add fabrics and more. The project also includes an appointment booking system so clients can schedule an in-person fitting, a companion mobile app to help salespeople on the go and analytics integration for data-based decisions.

The outcome

Clive Richard brings style and comfort to men who’ve grown disillusioned with traditional ways of shopping for dress shirts.

The highly flexible customization process is ideal for guys who want to adjust a few details or every detail. On the business side, a robust suite of tools and integrations makes workflows more efficient while empowering the Clive Richard team to make decisions based on data.

  • Custom CMS with advanced order management functionality
  • Companion mobile app for sales team
  • Ecommerce with payment gateway integration
  • Photorealistic 3D rendering of 100+ fabrics
  • Responsive UI supporting all resolutions from smartphone to desktop
  • Customer measurement profiles for fast re-ordering