Atelier53 :

web/flash portfolio :: Igor Foerier

  • kv
  • kristofvrancken_01link naar de website: www.kristof-vrancken.com

    2010
    opdrachtgever: Kristof Vrancken
    grafisch vormgever: Julie Peeters
    technologie: Flash website - AS 3.0, gebouwd op het Gaia-framework
  • kristofvrancken_02loading van een portfolio-beeld
  • kristofvrancken_03ingeladen portfolio-beeld in hoge resolutie
  • kristofvrancken_04menu
  • kristofvrancken_05de portfolio is een reeks collage-beelden van foto's ingeladen in hoge resolutie waardoor men zelf op exploratie kan gaan in de collage door in of uitzoomen of verslepen van het beeld.
  • kristofvrancken_06ingezoomde collage met de foto-captions aangeklikt
  • kristofvrancken_07De menu's contact, news, about en 'making of' worden in één popup geopend.
  • lh
  • linde_01link naar de website: www.lindehermans.be

    2010
    opdrachtgever: Linde Hermans
    grafisch vormgever: Geoffrey Brusatto
    technologie: Flash website - AS 3.0, gebouwd op het Gaia-framework
  • linde_02homepage met telkens een random beeld uit de collectie waarop een rood multiply-effect wordt toegepast.
  • linde_03rood multiply-beeld van product "Tableau Vivant"
  • linde_04standaard product-pagina met omschrijving en sub-navigatie voor de andere foto's uit de reeks
  • linde_05standaard product-pagina met omschrijving en sub-navigatie voor de andere foto's uit de reeks
  • linde_06
  • linde_07
  • linde_08contact-pagina
  • linde_09press-pagina
  • br
  • brusatto-1link naar de website: www.brusatto.be

    2009-2010
    opdrachtgever / grafisch vormgever: Geoffrey Brusatto
    technologie: Flash website - AS 3.0, gebouwd op het Gaia-framework
  • brusattogridDe homepage-grid is een verzameling van project-beelden dat bij elk bezoek van de gebruiker willekeurig opnieuw opgebouwd wordt.
  • brusatto-2
  • brusatto-3
  • brusatto-4
  • brusatto-5detail van de menu: deze verschijnt enkel wanneer de gebruiker op een projectdetail-pagina zit.
  • cm
  • casimirmeubelen1link naar de website: www.casimirmeubelen.be

    2008-2009
    opdrachtgever: Licensed bvba
    grafisch vormgever: Fabio Baldelli
    technologie: Flash website - AS 2.0, gebouwd op het ASAP-framework
  • casimirmeubelen2productpagina: Ladder n°1
  • casimirmeubelen3productpagina: Loden meubel
  • casimirmeubelen4productpagina: Schaal n°3
  • casimirmeubelen5productpagina: Schaal n°3: detail van de navigatie
  • vl
  • vlaemsch-1www.vlaemsch.be

    2007-2008
    opdrachtgever: Licensed bvba
    grafisch vormgever: Fabio Baldelli
    technologie: Flash website - AS 2.0
  • vlaemsch-2homepage: het startbeeld wordt dynamisch geladen uit een reeks moodshots
  • vlaemsch-3detailpagina product: Moose, by Big-game
  • vlaemsch-4detail menu
  • vlaemsch-5detailpagina product: Internal Watch, by Leon Ransmeier
  • vlaemsch-6detailpagina designer: Eric Morel, designer van het product "Icon"
  • vlaemsch-7dealerpagina: dynamisch gegenereerd overzicht uit een MySQL-database
  • vlaemsch-8Vlaemsch Bl()g

    2008
    opdrachtgever: Licensed bvba
    grafisch vormgever: Fabio Baldelli
    technologie: Wordpress, theme op maat gemaakt voor Vlaemsch
  • vlaemsch-9Vlaemsch Extranet

    2008
    opdrachtgever: Licensed bvba
    grafisch vormgever: Fabio Baldelli
    technologie: PHP, paswoord-beschermde downloadzone voor press en dealers
  • vlaemsch-10Vlaemsch Extranet
    detail download-pagina
  • vlaemsch-11Vlaemsch-store

    2008
    opdrachtgever: Licensed bvba
    grafisch vormgever: Fabio Baldelli
    technologie: Avactis PHP-webshop waarvoor een skin op maat werd gemaakt
  • vlaemsch-12Vlaemsch-store
    detailpagina Roedeer (Gold version)
  • vlaemsch-13Vlaemsch-store
    shop checkout-pagina
  • sm
  • stichtingmarketing-12009
    opdrachtgever: Boondoggle
    meer uitleg over het concept: klik hier
    technologie: Flash website - AS 3.0, gebaseerd op de opensource page-flip engine Megazine
  • stichtingmarketing-2Alhoewel de pageflip-engine waarop de mini-site gebaseerd is voornamelijk focust op het creëren van een interactief boek op basis van statische content, is dit boek volledig dynamisch opgebouwd. Ook de cover en backcover veranderde naarmate er meerdere mede-auteurs hun steentje bijdroegen aan het boek.
  • stichtingmarketing-3boekindex: dynamisch opgebouwd en linkent naar de pagina met ieders respectievelijke bijdrage aan het boek.
  • stichtingmarketing-4Iedere auteur/deelnemer aan het boek kreeg één pagina om zelf een quote te schrijven, waar uiteraard ook weer reacties op gegeven konden worden.
  • af08
  • af08ani2008
    opdrachtgever / grafisch vormgever: Geoffrey Brusatto
    technologie: cross-platform (Windows/Mac) CD-rom met Flash-projector - AS 2.0
  • af08coverCD-bedrukking - grafisch ontwerp: Geoffrey Brusatto
  • af08-1openingspagina

    Zeer sober design met 3 menu's:

    A-V: alfabetisch overzicht van de kunstenaars

    slideshow: oneindige slideshow met random beelden uit de cd-rom

    contact"
  • af08-2A-V : alfabetisch overzicht van de kunstenaars
  • af08-3Detailpagina per kunstenaar: reeks beelden en/of video's met daaronder een uitgebreid curriculum
  • af08-4foto en/of video-pagina
  • a53be
  • a53-12009-2010
    grafisch vormgever: Igor Foerier
    technologie: Flash website - AS 3.0, gebouwd op het Gaia-framework in combinatie met Five3D
  • a53-2Experiment: hoe ver kan je gaan met het abstraheren van een user-interface zonder daarbij in te boeten aan gebruiksgemak. In tegenstelling met "gewone" layouts heeft de website geen enkele indeling in menu-namen. Alle informatie zit gebald in een ogenschijnljk willekeurig grid. Om het grid echter meer te laten spreken, hebben de vlakjes uiteindelijk telkens het formaat van het achterliggend beeld aangenomen.
  • a53-3DNA: één van de tussenstadia van de layout deed denken aan een dna-uitstrijkje. Zo is het idee ontstaan om de grid als een soort DNA van Atelier53 te beschouwen. Ook visueel is dat later in enkele elementen verwerkt.
  • a53-43D: omdat de layout erg steriel dreigde te worden, beweegt de navigatie in een 3D-omgeving. De 3D-effecten zijn echter zo subtiel mogelijk in de layout verwerkt dat ze de aandacht niet van de inhoud wegtrekken

    Technisch was Five3D als actionscript 3D-engine zeker niet de meest evidente keuze. Engines zoals Papervision en Away3D hebben veel meer aanhangers, maar Five3D blinkt uit in eenvoud en kracht.

You need to upgrade your Flash Player

This is replaced by the Flash content.

Place your alternate content here and users without the Flash plugin or with Javascript turned off will see this. Content here allows you to leave out noscript tags. Include a link to bypass the detection if you wish.