Weekendinspiratie Time-Lapse Web Design

Onlangs ontwierp en codeerde ik een website en nam ik mijn scherm op terwijl ik dat deed. De volgende twee video's behandelen het hele proces, maar om je te besparen zit je door 10 uur aan beeldmateriaal en heb ik het geheel in een film van 17 minuten gecondenseerd. Ik hoop dat je het leuk en vooral inspirerend vindt!


Cliënt: ExtremMT2
Totaal verstreken tijd: ~ 10 uur
Project op: DeviantART
Software: Adobe Photoshop CS3, Adobe Dreamweaver CS5
Extra tools: ConvertICO voor het converteren van PNG naar ICO, de werkbalk voor webontwikkelaars voor Firefox


Deel 1: Ontwerpen

Software: Adobe Photoshop CS3
Verstreken tijd: ~ 4 uur
Videosnelheid: 28x
Soundtrack: Phainomenon door Manual


Deel 2: codering

Software: Adobe Dreamweaver CS5
Verstreken tijd: ~ 6 uur
Videosnelheid: 55x
Talen / hulpmiddelen: XHTML, CSS, JavaScript, jQuery
Soundtrack: Pulsaties met de hand


Eindresultaat


Klik om te vergroten
Opmerking van de uitgever: Ik krijg nooit genoeg tijdverval werkprocessen. Als dit iets is dat je doet (of een lol wilt hebben) en je zin hebt om het op de site te laten zien, laat het me dan weten!