Online magazine
Krakau’
Ontwerp
Bouw
Concept
Tijdens mijn stage bij DutchGiraffe kreeg ik als eerste opdracht het visualiseren en bouwen van mijn eigen online magazine. Ik had de vrijheid om zelf te bepalen waar het magazine over zou gaan, dus besloot ik een reismagazine over Krakau te maken. Benieuwd naar dit project? Lees hier verder!
In het proces van het maken van een online magazine leerde ik voor het eerst te werken met WPMagazines / Wordpress en hoe ik een ontwerp kan maken dat uiteindelijk echt realiseerbaar is. Het proces bestond uit het opzetten van een concept en ontwerp, het bepalen van vaste coördinaten en het zorgvuldig inzetten van margins en paddings om consistentie te waarborgen. Ik experimenteerde met verschillende visuele elementen, van minimalistische layouts tot speelsere varianten, en ontdekte al snel de uitdagingen van het responsief maken van een ontwerp voor diverse schermgroottes.
Hoewel het magazine nooit helemaal af is gekomen door het starten van andere opdrachten, was de leerervaring enorm waardevol. Ik heb niet alleen mijn technische vaardigheden kunnen aanscherpen, maar ook geleerd hoe belangrijk het is om constant feedback te vragen en open te staan voor verbetering. Door dit project ben ik een bewustere en efficiëntere UX-designer geworden.
Hier zie je de styletile van het online magazine over Krakau.
Hier zie je wat inspiratie wat ik opgedaan had voor dit magazine.
Voor de inhoudsopgave heb ik drie verschillende voorstellen ontworpen. In elk voorstel probeerde ik iets anders qua stijl: los, strak en creatief.
Optie 1 heeft een losse, organische vormgeving met afgeronde
elementen en een luchtige indeling. Optie 2 is ontworpen in een strakke, minimalistische stijl, met een overzichtelijk grid en heldere typografie.
Optie 3 daarentegen is creatiever en experimenteert met een
infographic-achtige aanpak waarbij de inhoud rondom een kaart
wordt gepresenteerd.
Uiteindelijk heb ik gekozen voor de strakke stijl (optie 2). Deze keuze maakte ik omdat dit ontwerp het meest realiseerbaar is in de tijd die ik had en die ik zelf kon gaan bouwen in Wordpress.
Daarnaast wilde ik mezelf uitdagen om te oefenen met een minimalistische stijl, waarbij consistentie en balans centraal staan. Het ontwerp sluit goed aan bij een professionele uitstraling.
Optie 1 inhoudsopgave
Optie 2 inhoudsopgave
Optie 3 inhoudsopgave
Toen de stijl eenmaal was vastgesteld, ben ik verder gegaan met het uitwerken van de rest van het magazine. De gekozen stijl heb ik consequent op elke pagina toegepast. Elke kolom is gestructureerd opgebouwd, met oog voor samenhang en leesbaarheid. Daarbij heb ik geprobeerd om zoveel mogelijk variatie aan te brengen in de opmaak van de kolommen, zodat het magazine visueel aantrekkelijk blijft en de aandacht van de lezer vasthoudt.
Daarnaast heb ik bewust gekozen voor het gebruik van veel fotografie, omdat ik de balans tussen tekst en beeld essentieel vind voor een reismagazine. Beelden dragen bij aan de sfeer, maken de informatie levendiger en geven de lezer een visuele indruk van de bestemming.
Ook vond ik het leuk om enkele bekende bezienswaardigheden van Krakau zelf te illustreren. Dit gaf me de kans om een persoonlijke en creatieve touch aan het ontwerp toe te voegen.
Cover
Pagina ‘Natuur’
Pagina ‘Botanische tuin’
Pagina ‘Krakau’
![](data:image/svg+xml,<svg display="block" id="1189051114" role="presentation" viewBox="0 0 24 20" xmlns="http://www.w3.org/2000/svg"><path d="M 20.4 0 L 3.6 0 C 2.645 0 1.729 0.395 1.054 1.098 C 0.378 1.803 -0.001 2.756 0 3.75 L 0 16.25 C 0 17.245 0.379 18.198 1.054 18.901 C 1.728 19.604 2.644 20 3.6 20 L 20.4 20 C 21.355 20 22.271 19.605 22.946 18.902 C 23.622 18.197 24.001 17.244 24 16.25 L 24 3.75 C 24 2.755 23.621 1.802 22.946 1.099 C 22.272 0.396 21.356 0 20.4 0 Z M 19.597 2.499 L 12 8.439 L 4.403 2.499 Z M 20.4 17.5 L 3.6 17.5 C 3.282 17.5 2.976 17.368 2.752 17.134 C 2.526 16.899 2.4 16.581 2.4 16.25 L 2.4 4.063 L 11.28 11 C 11.706 11.333 12.294 11.333 12.72 11 L 21.6 4.063 L 21.6 16.25 C 21.6 16.581 21.474 16.899 21.248 17.134 C 21.024 17.368 20.718 17.5 20.4 17.5 Z" fill="rgb(255, 255, 255)" height="20px" id="EdetBMibR" width="24px"/></svg>)