Portfolio

Websites Foto's Tekeningen

Bouwbedrijf Vrolijk

Via Haas Reklame is de opdracht binnen gekomen om de website van Bouwbedrijf Vrolijk aan te passen. De huidige website voldoet niet echt meer aan de wensen en moest zodoende worden aangepast.

Het ontwerp is aangeleverd door Haas Reklame en verder uitgewerkt door mij. Daarbij zit een content management systeem voor de teksten en de projecten die op de website staan.

http://www.bbvrolijk.nl/

Cash For Life

Via Leon Haas, van Haas Reclame in Fijnaart, kwam ik in contact met Jan Mens (Media en Strategie). Deze was bezig met de ontwikkeling van een concept genaamd Cash-For-Life voor de Van Der Horst Gruppe GmbH.

Er moest een website bij komen die zakelijk en stijlvol was. Nadat het ontwerp was aangeleverd, ben ik aan de slag gegaan. De technieken die gebruikt zijn, zijn een kleine Flash animatie in het begin, wat PHP en een klein CMS'je er achter voor het beheer van de downloads.

http://www.cash-for-life.de

Cygnus Real Estate

Een nieuwe website voor een dochteronderneming van Van der Horst B.V.

De site is geoptimaliseerd voor zoekmachines, met sitemap, browservriendelijke url's, etc.
Momenteel staat de website er alleen in het Nederlands op, maar wordt later uitgebreid met 2 extra talen. Dit alles is te beheren met een content management systeem.

http://www.cygnus-re.com

Eigen site v1

Versie 1 was het schamele begin van mijn "webdesign" kunsten. Veel te groot, veel te omslachtig en bovendien (achteraf bekeken) ongenadig lelijk. Maar het begin is er... De site is gebaseerd op the Matrix en wat andere Oosterse zaken en volledig opgezet in HTML. CSS was toen nog niet in the picture..

http://patrick.pruller.nl/v1/

Eigen site v2

Versie 2.. Een niet veel betere opzet dan versie 1. Ik heb hierin gepoogd layers te gebruiken, maar aangezien ik toen nog niet zo handig was met Photoshop en Dreamweaver, is daar niet veel van terecht gekomen. Goed voor het archief...

http://patrick.pruller.nl/v2/

Eigen site v3

Versie 3. Het is niet veel verder gekomen dan een schets. Ik heb heel even (lees : 2 weken) de site online gehad en daarna weer vlug offline gehaald.

http://patrick.pruller.nl/v3/

Eigen site v4

Versie 4 .. Flash .. Need I say more? Flash is niet mijn vriendje en zal het niet snel worden ook. De eerste poging om een site op te bouwen in Flash is ook gelijk de laatste geweest. Tegenwoordig, nu ik ook wat meer ervaring er in heb, vind ik het wel makkelijker en leuker om mee te werken, maar mijn favoriet zal het nooit worden. ActionScript daarentegen, daar kunnen we wel wat mee :-)

http://patrick.pruller.nl/v4/

Eigen site v5

Versie 5. Dat is al beter. Het ontwerp van de pagina is wederom gebaseerd op Oosterse invloeden, de lotus, de boeddha, tempels, etc. Persoonlijk vind ik dit nog steeds een van de betere ontwerpen die ik heb gemaakt, voornamelijk door de rust die het geheel uitstraalt. Maar een mens moet toch met zijn tijd mee. Dit ontwerp heeft het internet gehaald en heeft het daar nog relatief lang uitgehouden :-)

http://patrick.pruller.nl/v5/

Eigen site v6

Versie 6. Aangezien er toch verandering moet komen en ik nooit tevreden ben, heb ik een nieuw ontwerp gemaakt. Dit keer geen invloeden vanuit het Verre Oosten, maar een ontwerp wat beetje abstracter is, meer grafisch toegelegd. Echter, het technisch ontwerp had ik dusdanig complex gemaakt, dat er op gegeven moment geen touw aan vast te knopen was. Ook deze site was geen lang leven gegund.

http://patrick.pruller.nl/v6/

Eigen site v7

Versie 7 dan al weer. Omdat v6 misschien 5 weken op het Internet heeft gestaan, zonder enige vorm van content, heb ik maar even een stapje terug gedaan. Iets simpelere layout, maar met een betere techniek.

http://patrick.pruller.nl/v7/

Eigen site v8

Versie 8, eindelijk. Eindelijk een versie waar ik zelf zeer tevreden over ben en die het ook lang heeft volgehouden. Dit keer een iets saaier vertoon dan de andere versies, maar niet minder mooi daardoor. Ik heb deze keer gekozen voor een typografische insteek. Echter, de pagina was ontworpen voor een minimale resolutie van 1280 x 1024, waardoor een stuk content en scrollpijltjes niet zichtbaar waren voor "lesser mortals". Ik moet mezelf aanleren dat niet iedereen op 1600 x 1200 kijkt...

http://patrick.pruller.nl/v8/

Fendertse Week 2003

De Fendertse Week is een week vol festiviteiten wat wordt gehouden in het Brabantsche dorpje Fijnaart. De organisatie van dit evenement, toepasselijk de Evenementen Stichting Fijnaart genaamd, had mij gevraagd een website te ontwerpen voor de Fendertse Week. Dit heb ik gedaan voor de jaren 2003 en 2004. Daarna, door onenigheid tussen mij en het bestuur, heb ik hiervan mijn handen afgetrokken. Het 2004 ontwerp staat er nog op, maar is niet langer mijn verantwoordelijkheid.

http://www.fendertseweek.nl

Fendertse Week 2004

http://www.fendertseweek.nl

Interfinanz

Wederom een project van de Van der Horst Gruppe GmbH.

Het ontwerp was eerst vrij statisch, maar na overleg met de ontwerper (Jan Mens), hebben we besloten om de website wat meer leven te geven. De achtergrond zakt zeer geleidelijk naar beneden, terwijl de weerspiegeling netjes mee beweegt.

De animatie wordt gerealiseerd met de scriptaculous library die ook werd toegepast voor de Van der Horst website.

http://www.if-partner.de

iRIS Hausverwaltung

iRIS Hausverwaltung is een Duits-talige website waarop informatie wordt verschaft over het (ver)huren van panden in Duitsland. Deze website is ook weer opgezet in opdracht van Van der Horst Gruppe GmbH en gemaakt in samenwerking met MenS Media.

Om te voorkomen dat de site wel heel erg statisch zou worden, is een Flash animatie aan de rechterzijde ingebracht. Deze animatie loopt door de beelden (die kunnen worden beheerd vanuit het CMS) en start bij het beeld wat is gekoppeld aan die pagina. Daarna worden de overige beelden gekozen.

Aan de website is ook weer een relatief eenvoudig CMS gekoppeld, met het beheer van de aangeboden woningen, teksten, links en zoals gezegd afbeeldingen.

http://www.iris-hausverwaltung.de

Longfiller Company

Longfiller Company is een sigarenimporteur, gespecialiseerd in sigaren uit de Dominicaanse Republiek. Via via heb ik van hen de opdracht gekregen om een promotionele website op te zetten, maar daarin ook een voorraadbeheer systeem. Aangezien het promotionele gedeelte niet meer van belang was vanwege de ingang van de wet verbod op tabaksreclame, werd het alleen een backoffice systeempje.

Paul Heijmink

Via het forum van Zoom.nl is een oproep geplaatst door Paul Heijmink, met het verzoek wie er voor hem een website wil maken. Ik heb daarop gereageerd en daaruit is deze website voort gekomen.

Grafisch : Het belangrijkste bij een site als deze is de presentatie van de foto's, wat m.i. ook is gelukt. Een simpele, strakke uitstraling was de voorkeur van Paul en met dat uitgangspunt ben ik aan de slag gegaan. Op diverse pagina's staan sfeerbeelden die door hem op de foto zijn gezet en deze zijn te kiezen vanuit het content management systeem. Maar, eerlijk is eerlijk, de foto's maken ook de website.

Technisch : De thumbnails worden automatisch aangemaakt bij het plaatsen van een foto, de "hoofdfoto" van het album wordt ook automatisch gegenereerd en is vrij te kiezen vanuit het CMS. Het gastenboek is op diverse manieren dichtgespijkerd om misbruik te voorkomen, o.a. door een CAPTCHA.

http://www.macrofoto.nl

RK Basisschool Klaverweide Roosendaal

Toch wel trots mag ik hier vermelden dat per 28 augustus de vernieuwde website van RK basisschool Klaverweide online is gegaan.
Deze website is door mijzelf ontworpen en uitgewerkt. Achter de website draait het CMS4SKOOL systeem, een content management systeem wat speciaal is ontwikkeld voor basisscholen.

http://www.klaverweidekpo.nl

Steenbergen Streetcars v1

Steenbergen Streetcars is een club voor auto enthousiastelingen. Via mijn nichtje ben ik bij het clubje terecht gekomen en wegens problemen met hun eigen webdesigner hadden ze aan mij gevraagd of ik een voorstelletje wilde maken. Dat voorstel werd aangenomen en de eerste versie van de site was geboren.

http://www.steenbergen-streetcars.nl

Steenbergen Streetcars v2

Na diverse hack aanvallen is de eerste versie van de site even uit de lucht gegaan en zijn we over gestapt op een nieuwe versie, die beter beveiligd is en momenteel op het internet staat. Deze versie bestaat (eigenlijk) uit 2 onderdelen, een 800 x 600 versie en een 1024 x 768 en hoger variant. Dit was vrij eenvoudig te realiseren met behulp van wat javascript en uiteraard : CSS.

http://www.steenbergen-streetcars.nl

Van der Horst Gruppe GmbH

De website voor Gerard van der Horst moest nodig worden herzien. Men wilde een website die de zakelijkheid uitstraalde, met daarachter een CMS waarmee alle projecten kunnen worden beheerd en worden gepubliceerd.

Het ontwerp is gemaakt door Jan Mens, de uitwerking is door mijzelf gedaan. Allereerst werd het een website gemaakt in Flash, omdat een van de eisen was dat de achtergronden en menu's konden bewegen. Dit is toen ook gerealiseerd, met daarachter een bijpassend CMS waarin teksten en projecten konden worden beheerd.
Echter bleek na verloop van tijd dat de onderhoudbaarheid van de website in het geding kwam, voornamelijk door structurele wijzigingen. Daarnaast was het probleem dat diverse zoekmachines de site negeerden vanwege het feit dat het alleen Flash was.
Om deze reden is besloten om de website om te bouwen naar een HTML variant. De animaties worden gedaan via de zgh. scriptaculous JavaScript library. Verder zijn diverse zoekmachine optimalisaties ook toegepast (sitemap, browservriendelijke url's, metatags, etc) toegepast om de site zo vindbaar mogelijk te maken.

http://www.vdhorst.com

Van der Horst Wohnen

Voor de (potentiële) huurders van de vastgoedobjecten die in bezit zijn van de Van der Horst Gruppe is een website opgezet met diverse informatie.
Er staat algemene informatie m.b.t. de objecten op, foto's, downloads en een contactformulier per object. Al deze zaken zijn te beheren met een content management systeem.

http://www.vanderhorst-wohnen.de