Hoe we de merkpagina voor MISURA opnieuw ontwierpen

In 2021 maakten we de eerste merkpagina voor het merk MISURA op misura.cz (later misura.store). We schreven over de creatie van de eerste MISURA merkpagina in onze case study. Het doel was om een site te bouwen die het merk zou introduceren bij het publiek, de geloofwaardigheid van het merk zou bevorderen, resultaten zou opleveren in organische zoekopdrachten en de misura.shop e-shop zou ondersteunen.

De oorspronkelijke website van 4 jaar geleden vervulde zijn rol perfect. Dankzij het constante werk aan het creëren van verklarende inhoud, dynamische productboxen en bijvoorbeeld onze eigen database voor configuratorbeheer, zijn we erin geslaagd om van de MISURA.store merksite zowel een waardevolle bron van informatie voor MISURA klanten te maken, maar ook een belangrijke bron voor het stimuleren van organische aankopen.

Waarom hebben we gekozen voor een nieuw ontwerp?

We hebben samen met de directeur en hoofdeigenaar van MISURA, Jiří Mihel, besloten om de website MISURA.store opnieuw te ontwerpen omdat:

De inhoud was de oorspronkelijke website ontgroeid

Toen we de eerste merkpagina voor MISURA lanceerden, was dat het begin voor zowel de inhoud als het merk zelf, en sindsdien is er veel veranderd. Het aantal producten is gegroeid, er zijn tientallen artikelen, tips en echte klantverhalen toegevoegd. De oorspronkelijke site was niet klaar voor die hoeveelheid content en werd te groot. Belangrijke inhoud werd niet weergegeven en de algehele informatiearchitectuur voldeed niet meer aan de huidige behoeften van het merk of de klanten. Het was tijd voor een nieuw ontwerp.

Een verschuiving in de kwaliteitsperceptie van gebruikers

Meer dan ooit beoordelen mensen de geloofwaardigheid en kwaliteit van een merk aan de hand van hun eerste indruk van een website. Afbeeldingen en gebruikersinterfaces moeten aansluiten bij de huidige trends om het vertrouwen op te bouwen dat nodig is

MISURA merkontwikkeling

Niet alleen de markt en de behoeften van de klant veranderen. MISURA zelf verandert ook. Vandaag de dag gaat het niet meer alleen om productfabrikanten, het merk bouwt voort op technologie, werkt met AI en zet zijn eigen chatbot in om klanten te helpen navigeren door het brede aanbod van producten. Het werkt samen met experts op verschillende gebieden - van marketing tot design. En tegelijkertijd biedt het producten en oplossingen die deze professionals dagelijks gebruiken. Het merk moest dit nieuwe niveau weerspiegelen in zijn website.

Hoe verliep het herontwerpproces?

1. Gemodereerde discussies over de verwachtingen voor de nieuwe site. Deelnemers waren, op verzoek van managing director Jiri Mihel, klant- en productondersteuning voor MISURA en het content- en ontwikkelingsimplementatieteam voor TRITON IT. Verder grafische ontwerp- en marketingleveranciers.
2. De analyse van gegevens van Google Analytics, Search Console en ander gebruikersgedrag benadrukte de sterke en zwakke punten van de oorspronkelijke website en ondersteunde discussies over de toekomstige functie en het toekomstige ontwerp.
3. De analyse van gebruikersbehoeften was voornamelijk gebaseerd op de gebruikerservaring en leverde informatie op over welke producten klanten het meest geïnteresseerd in zijn, waar ze het vaakst vragen over stellen, waar ze op wijzen die ze niet op de merksite kunnen vinden, enz.
4. De ontwerpvoorstellen in Figma werden geprojecteerd door de individuele grafische leveranciers. Jiri Mihel besloot in de loop van het project van grafische leverancier te veranderen. En Miro Hranicky werd de uiteindelijke ontwerper.
5. De uiteindelijke implementatie werd uitgevoerd door het TRITON IT-team, rekening houdend met alle geleerde lessen.

Miro Hranický liet zich inspireren door het merk Apple en gebruikte het ontwerp van de bentobox voor de nieuwe look van de MISURA website.

Wat is een bentobox?

Een bentobox in webdesign is een stijl van contentlay-out die is geïnspireerd op de traditionele Japanse bentobox, waar individuele ingrediënten zorgvuldig zijn gescheiden in kleine, visueel evenwichtige compartimenten. In webdesign betekent deze benadering dat een pagina of toepassing is verdeeld in verschillende panelen of "vakken", die elk een specifieke functie, inhoudstype of actie vertegenwoordigen. Visueel ziet het eruit als een duidelijk mozaïek waarin alles een duidelijk gedefinieerde plaats heeft. Deze aanpak helpt gebruikers om de structuur van de interface snel te begrijpen en verbetert de bruikbaarheid. Een typisch voorbeeld van het gebruik van een bentobox is de interface van het besturingssysteem Windows 11, waar het menu Start is onderverdeeld in tegels, of de website van Apple.

Technische kenmerken van de nieuwe merkpagina

De nieuwe website is visueel aantrekkelijker en technologisch geavanceerder, bijvoorbeeld:

Volledige integratie met de e-shop

De website is volledig geïntegreerd met feeds van de MISURA.shop e-shop. Informatie en gegevens worden automatisch in productboxen geplaatst, zodat alles in realtime wordt bijgewerkt zonder dat handmatige interventie nodig is.

Labelsysteem en woordenlijst

We hebben een labelsysteem gemaakt waarmee we afzonderlijke artikelen in thematische categorieën kunnen onderbrengen en waarmee gebruikers kunnen navigeren door de grote hoeveelheid inhoud die we voor MISURA creëren. Elk label wordt ook gespiegeld door een verklarende woordenlijst, waar gebruikers snel meer te weten kunnen komen over bijvoorbeeld de parameters van MISURA monitoren en andere technische termen die direct gerelateerd zijn aan MISURA producten.

Slimme productvakken

Artikelen waarin MISURA producten worden geïntroduceerd of waarin advies wordt gegeven over het gebruik ervan, zijn een belangrijke bron van organisch bezoek (SEO) en ook een bron van informatie voor grote taalmodellen (GEO). In deze artikelen is het voor ons cruciaal om de bezoeker van de e-shop snel rechtstreeks naar het/de betreffende product(en) te leiden. Daarom hebben we boxen met gerelateerde producten aan de artikelen gekoppeld. De synchronisatie van de afbeelding, beschrijving en prijs van de producten in de boxen gebeurt al automatisch vanuit de productfeed, evenals de vertalingen.

Lokalisatie naar tientallen landen

De inhoud is gelokaliseerd en vertaald in meer dan tien talen, een afspiegeling van het aantal landen waar MISURA haar producten verkoopt.

AI-gestuurde vertalingen

We hebben een efficiënt vertaalproces voor websites ontwikkeld op basis van de tool DeepL. Dit proces minimaliseert de betrokkenheid van menselijke arbeid terwijl de kwaliteit van de output wordt gemaximaliseerd, inclusief de correcte lokalisatie van belangrijke trefwoorden in elke taal. Steekproefsgewijze controles door moedertaalsprekers bevestigden de hoge kwaliteit van de vertalingen.

Webprestaties

Responsiviteit en interactiviteit zijn nu gemeengoed. De snelheid van de website is echter net zo cruciaal voor het succes bij klanten. De website is volledig geoptimaliseerd voor alle apparaten, van mobiele telefoons tot grote beeldschermen. Met een geavanceerd ontwerp met oog voor detail was dit de juiste uitdaging voor ons. Ondanks de aanwezigheid van veel afbeeldingen en een inleidende merkvideo, kregen we de site in de groene cijfers wat betreft paginasnelheid en verbeterden we de prestaties ten opzichte van de vorige versie. We hebben de site getest op verschillende MISURA-monitoren (verschillende formaten en resoluties), mobiele telefoons van Apple en Android, laptops met macOS, Linux en Windows en alle meest gebruikte browsers.

Wat levert de nieuwe website de klanten op?

De nieuwe MISURA.store is sneller, slimmer en makkelijker te begrijpen. Klanten waarderen het:

• Moderne interface - strak ontwerp geïnspireerd door het moderne concept van bentoboxen
• Snelheid en responsiviteit - geoptimaliseerde code zorgt voor maximale prestaties van de site op alle apparaten
• Betere oriëntatie - inhoud is logisch onderverdeeld in onderwerpen en producten
• Up-to-date - automatische verbinding met de e-shop zorgt ervoor dat alle productinformatie up-to-date is
• Slimme assistentie - AI-chatbot in verschillende talen kan niet alleen helpen met selecteren, maar ook met veelvoorkomende gebruikersvragen over producten

De nieuwe MISURA.store website is een evolutie van het succesvolle concept van de merkpagina. Het combineert beproefde principes met actuele trends en technologieën en creëert zo een platform dat klaar is voor de komende jaren van groei van dit Tsjechische technologiemerk.