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, and design of a suit and then take your measurements.
H.M. Cole turned to Gearheart to update their existing website and add more features. Our task was:
We redesigned the site entirely, upgraded the front end to Angular 2+, implemented UI for tailors to enter customers’ measurements, and established data synchronization with the Odoo instance, used by the factory.
Under H.M. Cole's hood, there are Django, Python, Angular 5, NGRX, Typescript, and PostgreSQL.
To match H.M. Cole's concept, our partners offered a modern, original, and stylish design. The task was quite challenging:
There are two types of users: customers and tailors. The tailor's use case is the most common. Here is how it works:
2. Together with the client, the tailor adds products to the cart and customizes each of them. Here is an example of jacket customization. H.M. Cole is all about fully custom clothing tailored to match any customer’s preference, so there are tons of available options. On this screenshot, we see only the options available to the customer. The tailor's UI allows for 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 an order is ready and all the measurements are entered, payment is made, and the order is sent to the factory using the Odoo API. Order data is updated in Odoo as the order is moving through the production pipeline. Changes are synchronized back to the Django back end.
We also built a front-end editor that allows an admin to tweak the look of the site.