Hi, ik ben Yara

Als Web Designer ben ik mij constant aan het ontwikkelen. Mijn passie loopt van ontwerpen tot het realiseren van website's en andere media uitingen. Ik sta altijd open voor een uitdaging en om nieuwe dingen te leren.

selfie-yara

Over mij

Hi, ik ben Yara Smit, een enthousiaste 21-jarige webdesigner met een frisse blik op grafisch ontwerp. Onlangs ben ik afgestudeerd aan het GLU met een diploma in Grafisch Ontwerp en ik kan met trots zeggen dat design mijn passie is geworden. Wanneer ik niet bezig ben met het creëren van boeiende websites, kun je me vinden achter een gamecontroller of luisterend naar mijn favoriete muziek. Ik ben gepassioneerd over wat ik doe en ik ben altijd op zoek naar nieuwe uitdagingen om mijn vaardigheden te verbeteren. Bekijk mijn portfolio en ontdek mijn creatieve wereld!

Skills

HTML

Volledig vloeiend in HTML5

CSS

Volledig vloeiend in CSS3

WordPress

Ervaren in WordPress en met verscheidende plug-ins hiervoor, zoals Beaver Builder, Elementor en Yeost SEO

Figma

Adobe Illustrator

Adobe Photoshop

Adobe InDesign

Mijn werk

OSD website

mockup-laptop-osd-home

Opdracht

Deze website heb ik gebouwd voor Optisensedata, een bedrijf dat zich focust op het maken van sensoren in het gebied van waterzuivering. Dit bedrijf heet zich net nieuw opgericht, en had dus nog geen website. Ik heb vanuit hun al bestaande huisstijl een ontwerp gemaakt voor de website, en deze vervolgens ook gebouwd en live gezet.

Proces

Dit is mijn eerste project als eenmanszaak, en heb dit dus ook alleen uitgevoerd. Ik ben begonnen met hun huidige huisstijl bekijken en op basis hiervan te gaan ontwerpen. De klant had aangegeven dat ze de site simpel en overzichtelijk wilde houden, sinds de doelgroep van de site vooral bedrijf treft in de technische sector. Deze sector waardeert overzichtelijke bedrijven met een simpele en informatieve websites. Ook wil de klant een one-page website, wegens het huidige budget en tijdsdruk. Ze hebben aangegeven dit later eventueel te willen uitbreiden. Met dit in gedachte heb ik het ontwerp gemaakt die u hier ziet. De pagina betrekt alle informatie die bedrijven voor nu nodig hebben. Bovenaan de pagina speelt een video af van hun bekenste product, dit trekt de aandacht van bezoekers om verder te scrollen. Vervolgens worden alle huidige projecten kort weergegeven zodat een klant kan zien wat voor werk ze leveren. Tot slot eindigt de pagina met een contactformulier, waarmee een potentiële klant contact met het bedrijf kan zoeken.

Product

Het uiteindelijk product staat live op hun website. De website is in WordPress gebouwd, met de door mij aangeleverde Beaver Builder Plugin. Hiermee kunnen ze gemakkelijk aanpassingen maken wanneer ze dit wensen. Aan de website is tijdens het bouw-proces nog een blog-sectie toegevoegd, omdat ze erachter kwam dat ze toch erg graag artikelen willen plaatsen. Dit heb ik in de huisstijl er nog aan toegevoegd, en heb met het bedrijf gezeten om aan hun uit te leggen hoe je precies kan bloggen met WordPress.

Web-app uitje Praag

mobile-mockup-praag-webapp

Opdracht

Het Grafisch Lyceum Utrecht heeft een trip gepland naar Praag met de studenten van de opleidingen Web Design en Web Development. Hiervoor willen ze graag een informatieve Web App waar de studenten ale informatie kunnen vinden met betrekking tot het uitje. Deze opdracht kwam van de docenten van het Grafisch Lyceum Utrecht. Dit is uitgevoerd door mijn werkgroep van mede-studenten en mijzelf als een school opdracht.

Proces

Tijdens dit project heb ik samen met mijn team gewerkt aan de app. We hebben de taken onderverdeeld en hebben zo de web-app gemaakt. Mijn taak binnen het team was het verzamelen van data en het helpen met bouwen van de Web App.

Deze Web App hebben we "mobile first" gemaakt, betekende dat we hem eerst op mobiel hebben ontworpen. Dit hebben we gedaan op basis van onze doelgroep. De studenten zullen deze Web App bijna altijd op de telefoon bekijken, gezien we op vakantie zijn.

Product

Het uiteindelijk product is dus in de vorm van een Web App. Deze hebben we voor het uitje online gezet zodat de studenten vooraf en tijdens het uitje de informatie bij de hand hadden.

Web Wijzer Grafisch Lyceum Utrecht

mockup-mobile-infographic

Opdracht

De Web Wijzer heb ik samen met mijn team op het GLU gebouw in het tweede jaar van mijn opleiding. Deze app is een prototype voor een app die bedoeld is om studenten van de Web Design opleiding te helpen met het bijhouden van opdrachten en deadlines. In deze app staat het curriculum voor het hele jaar in een handig overzicht voor de studenten.

Proces

In dit projecten werk ik in een team met 4 andere studenten. We hebben voorafgaand aan de werkzaamheden een planning gemaakt en alle taken onderverdeeld binnen de groep. Zo zorgden we ervoor dat alles op tijd af was en iedereen dezelfde hoeveelheid werk leverde. We zijn begonnen met een marktonderzoek binnen de school bij de studenten van de Web Design opleiding. We hebben een enquete verstuurd met vragen over wat de studenten graag in deze app willen terugzien, en hoeveel behoefte ze hebben aan zo'n soort app. Met deze antwoorden hebben we de inhoud opgevuld van de app. We hebben de app opgedeeld in de 6 fases van de opleiding, en hebben per fase de deadlines vermeld, en een checklist van alle benodigde opdrachten die de student nodig heeft om de desbetreffende fase af te ronden. Verder hebben we de huisstijl van het GLU gebruikt, zowel als de kleuren geassocieerd bij elke fase. Hiermee hebben we een app ontworpen bedoeld voor persoonlijk overzicht over de opdrachten, deadlines en benodigdheden voor de studenten.

Product

Het opgeleverde product bestaat uit een volledig afgemaakt prototype in Figma, en een demovideo van hoe de app werkt en in beweging eruit ziet. Deze producten hebben wij aan school opgegeven zodat zij dit konden doorzetten naar een developer om het werkelijkheid te maken.

Online magazine

mockup-desktop-online-magazine

Opdracht

Voor deze opdracht moest ik voor school een fictief online magazine bedenken, ontwerpen en bouwen. Het was de bedoeling om een onderwerp naar keuze te pakken, het liefst een eigen passie of hobby, en deze tot een korte online magazine te maken.

Proces

Voor het onderwerp van mijn magazine heb ik gaming gekozen. Dit is een grote hobby van mijzelf dus ik heb er ook automatisch een hoop kennis van. Ik ben begonnen met het magazine tekstueel uit te schrijven, en te bedenken welke artikelen ik erin wilde hebben. Vervolgens heb ik er een logische indeling van gemaakt, en ben ik begonnen met de huisstijl te maken. Hiervoor heb ik gekozen voor mijn persoonlijk favoriete kleuren, deze heb ik gecombineerd met kleuren die mensen vaak associëren met gamen en techniek. Samen heb ik naast deze kleuren gekozen voor een modern, monospace lettertype en ronde lijnen om de huisstijl compleet te maken. Wanneer ik de huisstijl af had gemaakt, begon ik met het magazine in elkaar te zetten. Hiervoor heb ik passende beelden gevonden op Unsplash, een website voor hoge kwaliteit beelden. Voor de pagina's zelf heb ik geprobeerd om het papiergevoel naar voren te brengen door middel van de omslaghoek rechts onderin. Wanneer je deze elementen samenvoegt, krijg je een moderne magazine.

Product

Na het ontwerp, heb ik het design gebouwd is HTML en CSS. Dit was in het begin een uitdaging, omdat het design op bepaalde aspecten vrij ingewikkeld kan worden. Dit is mij uiteindelijk wel gelukt, en ik heb er erg veel van geleerd.

Contact formulier