{"id":3635,"date":"2026-11-05T11:08:01","date_gmt":"2026-11-05T10:08:01","guid":{"rendered":"https:\/\/o-matic.ch\/portfolio\/branding-and-website-for-aromatek\/"},"modified":"2026-11-11T12:58:27","modified_gmt":"2026-11-11T11:58:27","slug":"branding-and-website-for-aromatek","status":"publish","type":"project","link":"https:\/\/o-matic.ch\/en\/portfolio\/branding-and-website-for-aromatek\/","title":{"rendered":"Branding and website for Aromatek"},"content":{"rendered":"\n<div class=\"wp-block-group container\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns mb-15 is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading mb-3\">An identity to be built from scratch<\/h2>\n\n\n\n<p class=\"mb-2 wp-block-paragraph\">Aromatek had been in existence for a few years, but lacked a brand identity. When the need for a website arose, we had to start further back: with the brand identity.<\/p>\n\n\n\n<p class=\"mb-2 wp-block-paragraph\">We created the entire visual identity, then adapted it for use across various media: business cards, Word and PowerPoint templates.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the typeface, we chose Host Grotesk. Its rounded forms soften a sector that can quickly appear austere. As for colours, we stuck to shades of blue \u2013 the colours one would expect from a reputable player in the chemical industry \u2013 with the turquoise of the logo adding a touch of freshness.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading mb-3\">A logo that is part flower, part molecule<\/h2>\n\n\n\n<p class=\"mb-2 wp-block-paragraph\">The Aromatek logo can be interpreted in two ways. From a distance, it looks like a flower. Up close, it is a molecule: phenol (C\u2086H\u2085OH), a six-carbon ring to which an OH group is attached, represented by the small turquoise dot. This small group is found in a wide variety of aromatic molecules.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This symbol encapsulates what Aromatek is all about, bridging the gap between nature and chemistry.<\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full mb-15\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/branding-aromatek.jpg\" alt=\"\" class=\"wp-image-3396\" srcset=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/branding-aromatek.jpg 1920w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/branding-aromatek-300x169.jpg 300w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/branding-aromatek-1024x576.jpg 1024w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/branding-aromatek-768x432.jpg 768w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/branding-aromatek-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns mb-15 is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading mb-3\">A website that is also a library<\/h2>\n\n\n\n<p class=\"mb-2 wp-block-paragraph\">The Aromatek website is more than just a showcase. It features scientific publications, a catalogue of molecules, four areas of expertise and the founder\u2019s background.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With so much content, we focused primarily on organisation: clear navigation and pages that expand when you want to explore further. You won\u2019t get lost, even when reading extensively.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading mb-3\">Moving beyond scientific conventions<\/h2>\n\n\n\n<p class=\"mb-2 wp-block-paragraph\">The conventions of the chemical industry are well known: blue, laboratories, very few people. For Aromatek, we\u2019ve transformed them into something more welcoming and vibrant, featuring photos, videos and interactive elements.<\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full mb-15\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1081\" src=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/aromatek-website-close-views.jpg\" alt=\"\" class=\"wp-image-3397\" srcset=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/aromatek-website-close-views.jpg 1920w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/aromatek-website-close-views-300x169.jpg 300w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/aromatek-website-close-views-1024x577.jpg 1024w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/aromatek-website-close-views-768x432.jpg 768w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/11\/aromatek-website-close-views-1536x865.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Aromatek supports the flavour and fragrance industry, \u201cfrom the molecule to the market\u201d.<br \/>We created the brand identity and the website. The key challenge was to make the flavour and fragrance sector accessible and appealing to everyone.<\/p>\n","protected":false},"featured_media":3637,"template":"","meta":{"_project_link":"","_project_logo":3392,"_project_color":"#2764ae","_project_hero_text_color":"light"},"project-category":[66,62],"project-tag":[69,71,64,59],"class_list":["post-3635","project","type-project","status-publish","has-post-thumbnail","hentry","project-category-showcase-websites","project-category-visual-identity"],"_links":{"self":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project\/3635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/media\/3637"}],"wp:attachment":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/media?parent=3635"}],"wp:term":[{"taxonomy":"project-category","embeddable":true,"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project-category?post=3635"},{"taxonomy":"project-tag","embeddable":true,"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project-tag?post=3635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}