OLIO NIXIMA

The story.

Hoe vertaal je een eeuwenoude traditie in een moderne website? De uitdaging met Olio Nixima was het samenvoegen van de rijke geschiedenis van een familie uit Sicilië met roots in het Koningshuis van Monaco en hun liefde voor olijfolie. Onze contactpersoon? Een heuse prinses.

YEAR

2018

CLIENT NAME

Olio Nixima

ROLE

UI/UX, Web Design

VISIT LIVE WEBSITE

OLIO NIXIMA

Visual identity.

Het doel was een website te ontwerpen die aan lijkt te voelen als traditioneel papier, maar zonder de touch met de moderne, digitale wereld kwijt te raken. Dit legde het zwaartepunt van het traject op onze designers. En dan wordt het natuurlijk niet eenvoudiger wanneer de contactpersonen uit Sicilië over moeten komen.

Color codes.

Goud en groen. Olijven en klasse gecombineerd tot één kleurenpalet. Een gewaagde keuze aangezien de kleuren dicht bij elkaar liggen, maar in een digitale omgeving blijkt groen met een gouden randje helemaal tot zijn recht te komen.

BROWN

HEX: A98E60

OLIVE GREEN

HEX: A0A960

BLACK

HEX: 050505

GRAY

HEX: DDDDDD

Fonts.

In onze lettertypes is het in één oogopslag duidelijk: klassieke headlines met een strak lettertype voor de tekst. Een statige uitstraling met een moderne touch.

Aa
TIMES NEW ROMAN
ABCDEFGHIJKLMNOPGRST
abcdefghijklmnopqrst
Aa
POPPINS
ABCDEFGHIJKLMNOPGRST
abcdefghijklmnopqrst

OLIO NIXIMA

Our way.

Geen woorden maar daden? We leggen je graag uit hoe ons team aan developers en designers te werk gingen.

Inspiration.

Ieder proces begint met een inspiratiesessie, waar we samen met de cliënt een mood board volhangen met voorbeelden van websites en stijlen die we mooi vinden.

Scrum framework.

Agile, all the way. Al onze werkzaamheden staan per project ingedeeld in één grote to-do lijst, de ‘backlog’. Deze splitsen we in categorieën en verwerken we in tijdsperioden van één, twee of vier weken. We hebben het dan over ‘sprints’. Het liefst bespreken we eens per maand de aankomende werkzaamheden, zo staat er nooit iemand voor verrassingen. Bijsturen en optimaliseren worden natuurlijke processen die dagelijks bij de stand-ups besproken en doorgevoerd worden.


OLIO NIXIMA

User experience.

Om het simpel te zeggen: bij UX draait het erom gebruikers een positieve ervaring te geven wanneer ze in contact komen met een website. Het gaat vooral om design, usability en functionaliteit.

Prototyping.

Voordat we beginnen met het ontwikkelen en maken van een (web)applicatie, zorgen we er altijd voor dat er een goed prototype klaarstaat.

InVision

InVision is een online tool waarmee je snel en gemakkelijk interactieve prototypes kunt maken van designs. Die delen we met het development team én de cliënt. In de tool kan de cliënt het prototype van de website doorlopen, verschillende pagina’s bezoeken en direct commentaar toevoegen.

Problem solving.

Feedback van de cliënt nemen we altijd serieus en nemen we mee in de daadwerkelijke development fase.


OLIO NIXIMA

The final part.

Wanneer er zoveel gevoel in een design wordt gelegd, is het altijd een uitdaging voor onze front-end developers om dit technisch te vertalen. We zijn uren bezig geweest met het verfijnen van de animaties en het optimaliseren van het webgebruik. Daarnaast moest het design een gezonde afwisseling worden van trendy en traditioneel. En het product, olijfolie, staat centraal.

Mobile is key.

Wereldwijd gaat meer dan de helft van al het online verkeer via mobiele apparaten. Het is dus belangrijk dat je een website bouwt die net zo goed (of zelfs beter) functioneert via een smartphone of tablet. Een responsive website heeft een vloeiende en flexibele lay-out die zich moeiteloos aan schermgrootte aanpast. Iedere website die we maken moet responsive en toegankelijk zijn voor ieder device.

Element.

Overal in de website hebben we verwijzingen naar Sicilië verwerkt. Net als de locatie van de boomgaard, gelegen tegen de vulkaan Etna.
.grid-header {
   display: grid;
   grid-row: 1 / 3;
}
Element.

De samenvloeiing tussen modern en klassiek zie je hier duidelijk, met bovenaan het traditionele logo en de statige kop, veel witruimtes en de moderne bodytekst.
Desktop view.

Het belangrijkste onderdeel van de website en het eerste dat een bezoeker zal opvallen: het logo. De handtekening van de familie, waarin visueel een stromende fles olie verwerkt is. Simpel, klassiek en modern in één homepage samengevat.

Element.

Afbeeldingen faden naar wit, zodat er een vloeiende overloop is tussen verschillende elementen op de website.

Element.

Waar het allemaal om draait: de olijfolie. Een simpele fles in twee maten, maar met een geschiedenis van formaat.

Element.

Het was onze missie om de geschiedenis in beeld te vangen. Hiervoor gebruikten we originele afbeeldingen uit de 18e eeuw die afkomstig waren van de familie.