Een nieuwe 'Appeal' voor Appeel
Appeel.io in een nieuw jasje
- 0 minuten leestijd
- Frontend development
Ken je dat? Je bladert door oude fotoās en denkt: Amai, was ik dat echt? Dat gevoel hadden wij ook bij het bekijken van onze website. Appeel.io is de afgelopen jaren flink gegroeid. We zijn volwassener en robuuster geworden, en het was hoog tijd dat onze digitale uitstraling daar ook bij aansluitte. Maak kennis met onze nieuwe look!
Onze website verdient een uitstraling die Ć©cht bij ons past!
Jef VankerckhovenDe uitdaging
De website van Appeel.io bestaat ondertussen al een hele tijd. Niet alle content was nog up-to-date en de voorbije jaren ontbrak het ons aan tijd om alles grondig bij te werken. Ook onze services weerspiegelden niet langer duidelijk waar we vandaag echt voor staan.
Daarnaast voldeden niet alle componenten nog volledig aan de meest recente WCAG-richtlijnen op vlak van accessibility.
Hoog tijd dus om dat aan te pakken.
De oplossing
Een grondige analyse van onze website was dus noodzakelijk. Daarbij wilden we de eigenheid van Appeel.io absoluut behouden. Een volledige redesign stond dan ook niet op de planning. Met gerichte, minimale aanpassingen gaven we de website toch een frisse update en een nieuwe laag glans.
Alle componenten werden opnieuw onder de loep genomen en afgestemd op de meest recente accessibility- en WCAG-richtlijnen. Daarnaast voegden we hier en daar nieuwe componenten toe om de gebruikservaring verder te verfijnen en de website net dat tikkeltje extra te geven.
Het resultaat mag er zijn. Ontdek hieronder de belangrijkste veranderingen.
WCAG naleving
Kleurcontrast, alt-teksten, screenreaders, ā¦ het zijn bekende termen voor wie ooit al van WCAG of accessibility heeft gehoord. Voor ons waren die principes natuurlijk niet nieuw, maar de vraag was vooral: passen wij alles correct toe op onze website?
Na een korte WCAG analyse, merkten we dat niet al onze componenten nog voldeden aan de meest recente richtlijnen. Sommige keuzes die vroeger perfect werkten, bleken vandaag net tekort te schieten.
Het duidelijkste voorbeeld? Onze lichtblauwe achtergrondkleur. Die haalde nƩt niet voldoende contrast voor leesbare tekst volgens de WCAG-richtlijnen. Bovendien voelden we ook visueel dat deze felle, uitgesproken kleur niet langer aansloot bij de uitstraling die we vandaag willen neerzetten.
Software ontwikkeling en applicaties
Onze diensten
Ook onze diensten moesten beter aansluiten bij de manier waarop we vandaag werken. Daarom werd elke pagina kritisch bekeken, herschreven en aangepast waar nodig.
PWAās, ken je dat nog? Enkele jaren geleden leek het dĆ© technologie van de toekomst, maar in de praktijk merken we dat de vraag vanuit de markt sterk is afgenomen. Waar vroeger volop werd ingezet op Progressive Web Apps, zien we vandaag veel vaker aanvragen rond snelle ontwikkeling met of experimenten met Ai, en digitale toegankelijkheid.
U voelt het al: ook onze diensten konden dus wel een grondige opfrisbeurt gebruiken.
Een vernieuwde branding
Maar de grootste verandering zit waarschijnlijk in de visuele overhaul. De website voelde op sommige momenten te druk aan, met te veel inconsistenties in styling en een gebrek aan samenhang. Ook motion was eerder versnipperd toegepast, waardoor niet altijd duidelijk was waar de focus lag.
Zonder de bestaande structuur te wijzigen, hebben we een nieuwe laag styling over de website gelegd. Alles voelt nog steeds vertrouwd aan, maar de samenhang is sterk verbeterd en het geheel komt rustiger en consistenter over.
Daarnaast voegden we subtiele micro-animaties toe die de interface net dat extra beetje verfijning geven. Kleine details die de ervaring net wat aangenamer maken, zonder op de voorgrond te treden.
Op een rij
Maar er is meer
Wat er allemaal nog is aangepast aan Appeel.io: kleine verbeteringen hier en daar, met maximaal resultaat.
Blog
De laatste jaren hebben we onze content soms wat te weinig bijgewerkt, terwijl we zeker niet stil hebben gezeten. Het was dus tijd om hier opnieuw naar te kijken.
Thumbnails
Consistentie betekent ook dat onze visuals beter op elkaar zijn afgestemd. Hiervoor doken we even in Affinity om dit snel te optimaliseren.
Cases
We hebben projecten waar we best trots op mogen zijn, maar op de oude website kwamen die niet duidelijk tot hun recht. Ook hier hebben we bekeken hoe we dit beter en aantrekkelijker konden presenteren aan de bezoekers.
Rust
Cut the crap. We hebben alle overbodige elementen kritisch onder de loep genomen en waar nodig geschrapt, vooral de overvloed aan emojiās. Het resultaat is meer rust en meer aandacht voor wat echt telt.
Animaties
Hier en daar hebben we een nieuw element toegevoegd met leuke animaties. Waaronder dit scrollende blok, tof he!
Geschreven door Jef