Veilingpagina

Hier upload ik mijn proces voor de veiling website van Interactief vormgeven...
17 Pins9 Followers
Voor deze periode heb ik Landschap Overijssel gekozen als goed doel. Ik had ze gemaild voor hun huishoudhandboek, die ik later thuisbezorgd kreeg. Nu blijkt het dat ze het lettertype 'Meta' gebruiken. Maar dit lettertype kost 600 euro, dus ben ik op zoek gegaan naar andere letters die zakelijk en vriendelijk ogen. Hierbij dacht  aan een schreefloze letter omdat die er zakelijk uitzien. Kijk bijvoorbeeld maar naar Biko. Het moet ook niet te vetgedrukt zijn anders komt het niet vriendelijk…

Voor deze periode heb ik Landschap Overijssel gekozen als goed doel. Ik had ze gemaild voor hun huishoudhandboek, die ik later thuisbezorgd kreeg. Nu blijkt het dat ze het lettertype 'Meta' gebruiken. Maar dit lettertype kost 600 euro, dus ben ik op zoek gegaan naar andere letters die zakelijk en vriendelijk ogen. Hierbij dacht aan een schreefloze letter omdat die er zakelijk uitzien. Kijk bijvoorbeeld maar naar Biko. Het moet ook niet te vetgedrukt zijn anders komt het niet vriendelijk…

Ik wil deze kleuren in mijn website gebruiken, het zijn de kleuren van de natuur en Landschap Overijssel. Landschap Overijssel past goed bij de natuur en qua kleurgebruik moet je daar natuurlijk wel een goede balans in vinden :D

Ik wil deze kleuren in mijn website gebruiken, het zijn de kleuren van de natuur en Landschap Overijssel. Landschap Overijssel past goed bij de natuur en qua kleurgebruik moet je daar natuurlijk wel een goede balans in vinden :D

Dit is mijn storyboard voor de animatie op mijn website, de animatie gaat als volgt: 1-er gaat een eend van rechts naar links, vervolgens gaat de eend sneller en word het groter. De eend kantelt en er komen 2 andere eenden van de grote eend afglijden, vervolgens vallen die 2 eendjes op de grond en springen daar in het rond totdat het logo van Landschap Overijssel en het logo van het CIBAP verschijnen.

Dit is mijn storyboard voor de animatie op mijn website, de animatie gaat als volgt: 1-er gaat een eend van rechts naar links, vervolgens gaat de eend sneller en word het groter. De eend kantelt en er komen 2 andere eenden van de grote eend afglijden, vervolgens vallen die 2 eendjes op de grond en springen daar in het rond totdat het logo van Landschap Overijssel en het logo van het CIBAP verschijnen.

Haha lol, was even het overzicht kwijt, daarom even snel deze schets om te zien wat waar naartoe moest.

Haha lol, was even het overzicht kwijt, daarom even snel deze schets om te zien wat waar naartoe moest.

Dit is mijn schets voor de homepagina, ik wil graag dit layout een beetje aanhouden en heb daarbij ondervonden dat de animatie het meest opvalt als die groot in beeld gebracht wordt. Onder de animatie plaats ik een aantal veilingsitems om een beetje een idee te geven wat er op de website wordt "geveild"

Dit is mijn schets voor de homepagina, ik wil graag dit layout een beetje aanhouden en heb daarbij ondervonden dat de animatie het meest opvalt als die groot in beeld gebracht wordt. Onder de animatie plaats ik een aantal veilingsitems om een beetje een idee te geven wat er op de website wordt "geveild"

Dit zijn mijn inspiratieschetsen die ik heb gemaakt om te kijken hoe ik mijn website zou kunnen indelen. Ik wou graag dat de Adobe Flash animatie het meest opviel op de homepagina en dat de veilingen daarnaast of daaronder te zien waren (iets minder opvallend).

Dit zijn mijn inspiratieschetsen die ik heb gemaakt om te kijken hoe ik mijn website zou kunnen indelen. Ik wou graag dat de Adobe Flash animatie het meest opviel op de homepagina en dat de veilingen daarnaast of daaronder te zien waren (iets minder opvallend).

Dit is mijn schets voor de informatiepagina, als je op 1 van de kopjes klikt krijg je meer info te zien. Het officiële layout dat ik echt heb aangehouden is op dit bord te zien (met zwart en grijze vlakken).

Dit is mijn schets voor de informatiepagina, als je op 1 van de kopjes klikt krijg je meer info te zien. Het officiële layout dat ik echt heb aangehouden is op dit bord te zien (met zwart en grijze vlakken).

Dit is mijn schets voor de veilingpagina, als je op 1 van de items klikt ga je naar die veiling. Het officiële layout dat ik echt heb aangehouden is op dit bord te zien (met zwart en grijze vlakken).

Dit is mijn schets voor de veilingpagina, als je op 1 van de items klikt ga je naar die veiling. Het officiële layout dat ik echt heb aangehouden is op dit bord te zien (met zwart en grijze vlakken).

Op deze mindmap is te zien hoe ver ik denk als ik denk aan het cibap en de veilingsite, ik denk dat deze mindmap wel voor zich spreekt XD...

Op deze mindmap is te zien hoe ver ik denk als ik denk aan het cibap en de veilingsite, ik denk dat deze mindmap wel voor zich spreekt XD...

Op deze mindmap ga ik in op de veilingsite, deze mindmap was te klein en nog niet zo goed dus heb ik een betere mindmap gemaakt, deze is ergens op dieet bord te vinden.

Op deze mindmap ga ik in op de veilingsite, deze mindmap was te klein en nog niet zo goed dus heb ik een betere mindmap gemaakt, deze is ergens op dieet bord te vinden.

Dit is de contactpagina. op deze pagina is het mogelijk om mij een bericht te sturen zowel via het formulier als via een e-mail koppeling.

Dit is de contactpagina. op deze pagina is het mogelijk om mij een bericht te sturen zowel via het formulier als via een e-mail koppeling.

De overige pagina's bestaan uit informatie, deze pagina's zijn: Hoe werkt het, service, betalen, over mij en bezorgen. De contactpagina heeft nog een ander layout omdat op de contactpagina een formulier te zien is.

De overige pagina's bestaan uit informatie, deze pagina's zijn: Hoe werkt het, service, betalen, over mij en bezorgen. De contactpagina heeft nog een ander layout omdat op de contactpagina een formulier te zien is.

Je kunt alleen deze pagina's bereiken via de veilingpagina. Je kunt op deze pagina meebieden (bedrag invoeren in een tekstveld), Je kunt de tijd zien die nog over is voordat de veiling sluit en je kunt het veilingitem liken op Facebook. Ook is het mogelijk om een vergroting te zien van het veilingsitem. Als je met je muis over het veilingsitem hovert word het al groter en als je er dan ook nog eens op klikt opent het veilingsitem zich met shadowbox.js

Je kunt alleen deze pagina's bereiken via de veilingpagina. Je kunt op deze pagina meebieden (bedrag invoeren in een tekstveld), Je kunt de tijd zien die nog over is voordat de veiling sluit en je kunt het veilingitem liken op Facebook. Ook is het mogelijk om een vergroting te zien van het veilingsitem. Als je met je muis over het veilingsitem hovert word het al groter en als je er dan ook nog eens op klikt opent het veilingsitem zich met shadowbox.js

Dit is de veiligpagina voor mijn website. Op de pagina worden mijn ecoline kunstwerken weergegeven. De tijdklokjes zitten onder de veilingitems. Als je over de veilingitems hovert veranderd de border van kleur. Als je er op klikt ga je naar de pagina waar je informatie kan lezen over dat bepaalde veilingsitem, ook kun je daar meebieden.

Dit is de veiligpagina voor mijn website. Op de pagina worden mijn ecoline kunstwerken weergegeven. De tijdklokjes zitten onder de veilingitems. Als je over de veilingitems hovert veranderd de border van kleur. Als je er op klikt ga je naar de pagina waar je informatie kan lezen over dat bepaalde veilingsitem, ook kun je daar meebieden.

Dit is mijn Home pagina voor de website. Bovenin is een banner met daaronder een dropdown navigation menu, daaronder is mijn Adobe Flash animatie en het welkomst woord, daaronder worden lopende veilingen afgebeeld. De veilingen zijn voor 75% transparant en als je eroverheen hovert met je muis worden ze 100%. Dit doe ik om de animatie meer naar voren te laten komen. Dit effect wil ik voor mekaar krijgen met JQuary.

Dit is mijn Home pagina voor de website. Bovenin is een banner met daaronder een dropdown navigation menu, daaronder is mijn Adobe Flash animatie en het welkomst woord, daaronder worden lopende veilingen afgebeeld. De veilingen zijn voor 75% transparant en als je eroverheen hovert met je muis worden ze 100%. Dit doe ik om de animatie meer naar voren te laten komen. Dit effect wil ik voor mekaar krijgen met JQuary.

In dit 'woordweb' heb ik de woorden gezet waarbij ik denk aan wat een website zou kunnen hebben. Ook wat ik op mijn website zou kunnen gebruiken heb ik erop gezet zoals een zoekfunctie of een visueel toetsenbord. De website moet natuurlijk in alle brouwers kunnen werken en is in RGB kleur.

In dit 'woordweb' heb ik de woorden gezet waarbij ik denk aan wat een website zou kunnen hebben. Ook wat ik op mijn website zou kunnen gebruiken heb ik erop gezet zoals een zoekfunctie of een visueel toetsenbord. De website moet natuurlijk in alle brouwers kunnen werken en is in RGB kleur.

Pinterest
Search