• Name: Elyon Refael
  • Surname: Zwarthoed
  • Age: 27
  • Location: The Hague

  • Company: 1001media.nl - 1001stickers.nl
  • Function: Front-end developer

About Elyon
My core skill sets are Web development and Industrial product design. I’m endlessly curious and all my friends, family, and colleagues look to me for answers on everything from digital communication to prototyping websites. As I’ve always been exceptionally passionate about design issues, I’m looking to develop and create media expressions focused on user experience and compelling design.

Latest Udemy course
Coding for Entrepreneurs: Learn Python, Django, and More.

Latest Codepen project
Full page inverse scrolling with jquery
Codepen/Elyon

User Experience Design Web Design Interaction Design Javascript PHP HTML CSS SVG Gruntjs Angularjs Django CMS MySQL TitaniumStudio Threejs Photoshop Illustrator AutoCad SolidWorks 3D Engineering Product Design Product Presentation Technical Drawing
img01

Logo ontwerp: 1001media

Sinds begin dit jaar heb ik mijn eigen onderneming geopend, genaamd 1001media.

Hiervoor wilde ik een statig en krachtig logo bedenken met een gepaste uitstraling.

De nummers 1001 lijken op een pijl die omhoog wijst, dat weerspiegeld groei en een stijgende beweging, tevens kun je een stevige basis vinden in de vorm van een huis.

img01

Logo en website ontwerp: Sammysangels

Sammysangels is een startup dat kooklessen verzorgd voor jongeren, zodat ze behendiger in de keuken kunnen worden.

Voor Sammysangels heb ik een nieuw logo ontwikkeld en een website opgezet met een wordpress cms als backend.

SammysAngels
img01

Website ontwerp: L25 Ledsystems

L25 is nieuw op de markt van led verlichting, ze verkopen gepatenteerde profielen die het installatie proces kunnen versnellen.

De huidige website was opgeleverd door een derde partij, hierbij waren flink wat steken laten liggen response tijd lag gemiddeld op 6 seconden of meer, daarom was het van groot belang om de website nieuw leven in te blazen.

In overleg met de bedenkers van L25 zijn we samen op het idee gekomen om een custom-build website te maken die voorzien kan worden van een compleet e-commerce pakket.

Voor de website heb ik de Twitter Bootstrap gebruikt en als e-commerce oplossing hebben we voor Ecwid gekozen. De nieuwe response tijd van de paginas zijn gemiddeld 250ms een uitzonderlijk verschil vergeleken met de oude website.

De website is nog in ontwikkeling en deze kun je volgen op de volgende locatie.

L25 Ledsystems
img01

Website ontwerp: The Hague Seed Center

Een nieuwe winkel in Den Haag heeft mij gevraagd om een logo en website voor ze te ontwikkelen.

De website is custom-build en maakt gebruik van Bootstrap, kijk hieronder voor het resultaat.

The Hague Seed Center
img01

Autorijschool SmartStart

Logo ontwerp voor Autorijschool SmartStart. Na een korte oriëntatiefase heb ik de focus gelegd op de symboliek die het uitstraalt. Belangrijke aspecten zijn de weg en de twee richtingen die met elkaar in verbinding staan. In het icoon links zie je een abstracte autoweg die in de restvorm uitmond op een pijl. Het mondje of de oranje pijl is de tweede richting die in het logo verwerkt is. Deze mond is ook zeer kenmerkend bij Amazon. Omdat het bedrijf in de Haagse regio rijlessen geeft was het noodzakelijk om aandacht te trekken bij internationale studenten en expats. De naam SmartStart heb ikzelf bedacht, het gaf een mooie basis voor een logo. Doordat er genoeg ruimte was voor eigen inbreng kun je zien welke invloeden en effecten mij ertoe doen bewegen om karakters en symbolen vorm te geven.

img01

Vorm opdracht: 80`s T-shirt

Het eerste shirt is gemaakt voor een mannelijke 'punk' doelgroep. De afbeelding van een magnetron die lijkt te ontploffen heeft in eerste opzicht niets met de doelgroep te maken, normaliter volstaat een doodshoofd of soortgelijke figuren. Echter komt de magnetron wel uit de jaren 80, deze analogie heb ik verworven in de symboliek. Met de tekst 'I want it now' versterk ik de verbinding tussen de rocker/punk en de modernisatie van opkomende technologiën.


Het tweede shirt is gemaakt voor een vrouwelijke '80`s' doelgroep. De rechte lijnen retro aanhangselen van de jaren 80, deze lijnen worden gebroken door de 'gepimpte' zebra. Deze staat voor de nieuwe stijlen en trends die opkomen tijdens de jaren 80.

img01

Logo ontwerp Elyon.nl

Illustrator is een vaste thuisbasis waarmee ik mijn creativiteit tot een visueel beeld kan vormen. Toch ben ik niet van mening dat hiermee alle slagen kunnen worden gewonnen, doorgaans begin ik mijn werken op papier met een potlood. Ik vind het altijd weer een uitdaging om te experimenteren met verschillende materialen.

img01

Logo ontwerp BPDR

Een fictief bedrijf dat opereert in de kleding industrie. De naam 'Born poor die rich' afgekort BPDR is een logo dat op hun kleding afgebeeld kan worden.

img01

Product display

Product presentatie gemaakt in 3D met illustrator. Voor een vriendin heb ik deze uitwerkingen gemaakt zodat ze gebruikt konden worden bij een presentatie.

img01

Logo ontwerp Nutrician.nl

Eigen concept van een fictief bedrijf.

img01

Logo ontwerp WMSL

Ontworpen voor een klein online marketing bedrijf.

img01

Logo ontwerp Chesters Kitchen

Een bakker van engelse pastries en allerlei lekkernijen. Het huidige logo was verloren in een digitaal slagveld. Hierdoor was er de wens ontstaan om het logo te herstellen. Met enkele aanpassingen aan het ronde ornament en de vaandel kon ik het logo weer in een fris jasje steken.

img01

Internet marketing: Studiemunt.nl

De marktplaats voor je studie. Het concept biedt studenten een plek om kennis te delen en uit te wisselen in de vorm van videoclasses en samenvattingen. Studenten beginnen hun eigen kenniswinkel en promoten dit op diverse social media. Heeft een student behoefte aan een bepaald onderwerp of bepaalde samenvatting? Gebruik de zoekmachine of stel je vraag voor op de messageboard. De student bepaalt zelf de prijs in studiemunten voor het item die zij aanbieden en de site faciliteert de koop en verkoop ervan.

Door het aanbieden van studiemateriaal en actief zijn op de site kun je studiemunten verdienen welke je op dezelfde manier kan uitgeven. Studenten kunnen studiemunten verdienen door bijvoorbeeld registratie, waarderingen en recensies geven. Naast verdienen kunnen studenten ze ook kopen. Studiemunten kun je wanneer opgespaard uitgeven aan studiemateriaal maar ook leuke kortingen. Vanaf een account saldo van €10, kan de student er voor kiezen dit te laten uitkeren.

img01

IDM: 23DEGREE

Minor informatie dienstverlening en management, het betreft een analyse voor Hunter Douglas in Australie. Om een goed beeld te krijgen van de concurrenten is er een marktonderzoek uitgevoerd om de vraag te kunnen beantwoorden of er een toekomst is voor producten van Hunter Douglas in Australie.

img01

3D minor: CMD Lampje

img01

Opdracht: maak een 'cinegraphic'. Hierboven zie je een test render van de modellen die ik heb gemaakt in 3DSMax.

Bekijk de video op youtube

Dit is het resultaat van een wekenlange strijd met mijn computer. In deze korte scene zie je Lampje het hulpje van Willie Wortel die op een futuristiche operatietafel ligt. De hulpjes genaamd LED-R, LED-G, LED-B zijn er om hem te helpen bij het repareren van Lampje.

img01

Processing: Dont worry bee happy!

Dit is een spelletje gemaakt in processing.js. De opdracht was een interactieve applicatie te maken die gebruik maakt van video input. De basis van het spel is een bij die je bestuurd door een fel oranje dop of pen voor de webcam te houden. Je begint het spel door naar de korf te vliegen. Daarna moet je de bloemen laten uitkomen door ze de juiste kleur te geven. Op deze eenvoudige wijze is het leren over planten en biologie een beetje leuker geworden voor een vooral jonge doelgroep.

img01

CMD-C3: Rationale

De opdrachtgever heeft ons van Infinitum gevraagd om een usability onderzoek uit te voeren op de software die zij produceren. Deze online tool heet: Rationale Online, hierin kunnen redeneer schema`s worden gemaakt die kunnen helpen bij het opbouwen van een argument of verklaring.

Dit document bevat een rapport van alle aanbevelingen die wij hebben kunnen constateren aan de hand van de usability testen die wij van Infinitum hebben uitgevoerd voor Rationale Online. De globale onderzoeksvraag die wij willen beantwoorden met behulp van dit rapport luidt: Hoe kan binnen Rationale Online uniformiteit gehandhaafd worden?

img01

CMD-C4: Nederland onder water

Een eerste opzet van de opstelling van de interface. Een houten frame met daarop een plexiglas plaat met een sticker van Nederland. In het midden komt de 3D-muis te staan.

In het frame zitten 2 keyboards verwerkt die alle overige input van de gebruiker registreren, er zijn een aantal LED`s waardoor het een aandacht trekkend effect krijgt met blauwe verlichting.

img01

Hierboven zie je de opstelling voor de eindpresentatie van het prject.

Bekijk de video op youtube

In de video kun je zien hoe het spel opstart. Je krijgt eerst een uitleg en daarna kom je op de Nederlandse kaart waarbij je met behulp van de 3D-muis kunt navigeren naar de locaties die je aandacht nodig hebben om Nederland te weerhouden van een watersnoodramp.

img01

CMD-C5: Intranet Westpop

Westpop is een tweedaags popfestival dat in het Westbroekpark plaats vindt. Het festival wordt jaarlijks georganiseerd door een klein vast bestuur en een groot aantal vrijwilligers. Westpop is voor een groot deel afhankelijk van deze vrijwilligers, mede doordat het aantal vrijwilligers met de jaren kleiner is geworden loopt het festival het directe gevaar dat er niet genoeg mensen meer aanwezig zijn om het festival goed te kunnen laten verlopen.

Om een globale probleemdefinitie samen te stellen heb wij als Fifth Element diverse gesprekken met de opdrachtgever en verschillende medewerkers gevoerd. Aan de hand van deze gesprekken hebben wij kunnen analyseren welke punten aandacht verdienen binnen de organisatie en haar activiteiten.

img01

Voor de projectgroep van een schoolopdracht heb ik een naam verzonnen en deze uitgebeeld in een toepasselijk logo. De naam was blijven hangen tijdens één van de colleges en de kleuren zijn gebaseerd op de huisstijlen van de hogeschool zelf.

img01

Met het testplan hebben wij een heldere weergave kunnen krijgen over de effectiviteit van de oplossingsrichtingen die wij gaan geven aan de organisatie van Westpop.

img01

Om er achter te komen welke taken gebruikers kunnen gaan uitvoeren hebben wij de volgende modellen opgesteld namelijk taakscenario’s, een taakcontextbeschrijving en taakdiagrammen.

Met dit pakket van eisen hebben wij de verschillende delen van het intranet opgebouwd.

Project documenten zijn momenteel offline.

img01

Canvas tekenmodule

Experimenteel ontwerp van een applicatie waarin sjablonen van stickers aangepast kunnen worden.

Momenteel is de applicatie offline

img01

3D interface design

De opdracht: een 3d-interface dat is gebaseerd op de eiffeltoren. Bij een detail foto van de toren viel me op dat het ontelbaar veel klinknagels nodig heeft om te kunnen blijven staan. Met deze gedachte ben ik aan de slag gegaan en kwam uit op een netwerk van verbindingen. Deze verbindingen heb ik visueel omgezet in iets wat lijkt op neuronen in het menselijke brein.

img01

Verhuislampje Apollo

Sushi gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato.

img01

Tekening: Vogel

De tekening is geschilderd met penselen en zwarte lampolie. Het is een onvoltooid werk waarbij de nadruk lag op het onderzoeken van schaduw en licht bij organische vormen.

img01

Productpresentatie

Een prototype van een flessenopener die voor meerdere formaten doppen gebruikt kan worden.

img01

Perspectief tekening van de flessenopener.

img01

Tekening: Emotie

Sepia portret tekening met houtskool krijt. Een experimenteel werk waarbij emotie`s en uitdrukkingen een grote rol spelen.

img01

Tekening: Menselijk oog

Detail tekening met potlood om inzicht te krijgen in de proporties en verhoudingen van de mens.

img01

Neem contact op met Elyon

-====-