H.M.Cole is an American company specializing in crafting custom clothing for all aspects of life; professional attire, casual wear, formal dress and even outerwear. H.M.Cole has showrooms in America, where managers, consultants and tailors will help you choose the style, fabric, design of a suit and then take your measurements.
We have redesigned the site entirely, upgraded frontend to Angular 2+, implemented UI for tailors to enter customers measurements, established data synchronization with Odoo instance, used by factory.
H.M.Cole turned to Gearheart.io to update existing website and add more features. Our task was:
To match H.M. Cole's concept, our partners have offered a modern, original and stylish design. The task was quite challenging:
There are two types of users - customers and tailors. Tailor's use case is the most common. Here is how it works:
2. together with client, tailor adds products to cart and customizes each of them.
Here is an example of a jacket customization. H.M.Cole is all about fully custom clothing that is tailored to match any customer preference, so there are tons of available options. On this screenshot we see only options, available to customer. Tailor's UI allows even more detailed customization.
3. After filling in all the necessary fields, the tailor goes to the measurements section. There are three modes of measurements UI:
There are also some built in rules, like which measurements are needed for which product. Which measurements can have allowances, and others.
4. When order is ready and all the measurements are entered, payment is made and the order is sent to factory using Odoo API. Order data is updated in Odoo as order is moving through production pipeline. Changes are synchronized back to the Django backend.
We have also built a frontend editor that allows admin to tweak the look of the site.
Under H.M.Cole's hood, there are Django, Python, Angular 5, NGRX, Typescript and PostgreSQL.