{"id":281927,"date":"2026-04-16T08:58:49","date_gmt":"2026-04-16T06:58:49","guid":{"rendered":"https:\/\/media-met.hr\/project\/m-format-doo\/"},"modified":"2026-06-25T22:13:54","modified_gmt":"2026-06-25T20:13:54","slug":"m-format-doo","status":"publish","type":"project","link":"https:\/\/media-met.hr\/en\/project\/m-format-doo\/","title":{"rendered":"M – Format doo"},"content":{"rendered":"\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n

M \u2013 Format doo<\/h1><\/div><\/div><\/div><\/div>\r\n\r\n
<\/div><\/div><\/div><\/div>\r\n\r\n
\r\n\r\n
\r\n\r\n

Client:<\/strong> M-Format doo<\/p>\n

Category:<\/strong> Beauty<\/p>\n

Technology:<\/strong> Corel Draw, WordPress, PHP, HTML\/CSS, JavaScript<\/p>\n<\/div><\/div>\r\n\r\n

project website<\/a><\/div><\/div>\r\n\r\n
\r\n\r\n

About the client: <\/b><\/p>\n

M-Format is a renowned company from Rijeka specializing in the import and distribution of professional equipment and products for hairdressing and beauty salons. Their range includes products from some of the most respected global and European brands \u2014 Wahl, Panasonic, Gamma Pi\u00f9, Termix, Olivia Garden, Jaguar, Mavex, Magnetic Nail Design and many others. By importing large quantities directly from manufacturers, they ensure top quality at competitive prices for their clients, and their target audience is exclusively professionals \u2014 hairdressers and beauticians who are equipping or renovating their salons. <\/p>\n<\/div><\/div><\/div><\/div>\r\n\r\n

\r\n\r\n
\r\n\r\n
<\/span><\/div><\/div>\r\n\r\n
\r\n\r\n
\"Events<\/span><\/div><\/div><\/div>\r\n\r\n
\r\n\r\n
\r\n\r\n

Project description:<\/strong>
The beauty industry is visually demanding and competitive \u2014 professionals choosing a supplier of equipment for their salon expect the supplier to look professional and reliable. M-Format had a well-developed client network and an established distribution role in the market, but without a strong visual identity and modern digital presentation, it could not communicate its position as a premium distributor of top brands in the same way.
The project included two interrelated things \u2014 creating a logo that would be the foundation of the company's visual identity, and developing a presentation website that would transfer that identity into the digital sphere and direct visitors to the web shop on a separate platform. <\/p>\n

Process<\/strong>
We took on the project in its entirety \u2014 from logo design to website development and implementation, including digital accessibility.<\/p>\n

Logo design<\/strong><\/p>\n

The logo was the starting point for the entire project, as it was supposed to define the visual language that would then flow throughout the site. The design had to communicate professionalism and reliability \u2014 values \u200b\u200bthat are key for a B2B distribution company in the beauty sector \u2014 while at the same time being flexible enough to be applied across a variety of media, from digital presentations to packaging and business documentation. The result is a clean, modern logo that reflects the company\u2019s position as a serious and reliable partner for hairdressers and beauticians. <\/p>\n

The site was designed and developed in WordPress with a clear purpose \u2014 to professionally present the company, its services and range of brands and direct visitors to the web shop where they can view and order products. The architecture of the site is divided into two clear segments according to the target group: hairdressers and beauticians, each with its own overview of relevant product categories and a direct link to the corresponding part of the web shop.
The visual identity of the logo is consistently applied throughout the site \u2014 in typography, color palette, and overall feel \u2014 ensuring a cohesive and professional brand presence in the digital space. <\/p>\n

Digital accessibility<\/strong><\/p>\n

The project included the implementation of digital accessibility in accordance with WCAG guidelines, as confirmed by the Accessibility Statement published on the site. The implementation included semantically correct HTML throughout all page elements, appropriate color contrast that meets the WCAG AA standard, full keyboard navigability, ARIA tags for interactive elements and dynamic content, properly labeled navigation structures, and text alternatives for all visual content including brand logos displayed in the partner gallery. Accessibility, as in previous projects, was integrated into the development from the very beginning \u2014 not patched in later \u2014 which is the only way to implement it consistently throughout the site. <\/p>\n

Responsiveness<\/strong>
The site is fully responsive and adapted to all devices. Considering that hairdressers and beauticians often research the offer of equipment and preparations between clients, on mobile phones, the mobile experience is especially important for this target group. <\/p>\n<\/div><\/div><\/div>\r\n\r\n

\r\n\r\n

Challenges<\/strong><\/p>\n

A specific challenge for this project was the dual nature of the task \u2014 the logo and the website had to be created as a single entity, not as two separate delivered elements. The visual identity defined by the logo had to be a living thread that runs through every element of the site and gives the company a recognizable and consistent appearance. In addition, the site is not a standalone web shop but a presentation layer leading to a separate e-commerce platform \u2014 which required clear and intuitive navigation that would take the visitor from getting to know the company to making a specific purchase on another domain without friction. <\/span><\/p>\n

Result<\/strong><\/p>\n

A complete visual identity for the company was delivered \u2014 a logo and a presentation website that together communicate the professionalism and reliability of M-Format as a premium distributor of equipment for beauty professionals. The website meets WCAG digital accessibility standards, is responsive on all devices, and successfully serves as a digital business card and a conversion bridge to the web shop. <\/p>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":281776,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"project_category":[75,90],"project_tag":[],"class_list":["post-281927","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-beauty","project_category-web"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t