Redesign en HTML/CSS coderen van Vaarwinkel website

Behoefte:

Vaarwinkel (http://www.vaarwinkel.nl) is onze webwinkel en gespecialiseerd in lesmateriaal, boeken, kaarten ed. voor de watersport en scheepvaart. Vaarwinkel is inmiddels uitgegroeid tot één van de grootste online watersportspecialisten van Nederland.

Hoewel onze website nog prima werkt en ook commercieel succesvol is, denken wij dat het beter kan. Beter volgens de huidige inzichten in webdesign. De laatste redesign van de site was in 2010 en werkt nog steeds, maar schiet te kort op het gebied van een meer modern uiterlijk (Web 2.0), is niet echt geschikt voor mobiel gebruik (mobile friendly en responsive).

Ook zijn wij van plan in de nabije toekomst uit te breiden door de website beschikbaar te maken in andere talen. Verder zijn wij voornemens om gespecialiseerde dochterwebsites op te hangen onder de naam Vaarwinkel. Dochterwebsites die gespecialiseerd zijn in één categorie producten (bij. vaargidsen of scheepsbarometers) of één leverancier (bijv. Imray). En wellicht nog uitbreiding met een nautische "deal van de week"website.

Dochterwebsites die draaien onder het label van Vaarwinkel, op dezelfde server en die de backoffice delen. Een erg goed voorbeeld van een dergelijke strategie is het Nederlandse Coolblue (coolblue.nl) dat honderden websites als gpsshop.nl en monitorstore.nl heeft. Kijk vooral ook hoe hun multi-webshop strategie is vertaald in het ontwerp van hun website(s).

Daarvoor zoeken wij iemand die de website van Vaarwinkel opnieuw wil ontwerpen. Het hoeft geen compleet nieuw ontwerp te zijn en het huidige ontwerp mag nog steeds herkenbaar zijn.

De huidige website HTML, CSS en dynamische effecten zijn niet geschikt voor mobiel gebruik en maakt geen goed gebruik van alle verschillende schermresoluties die tegenwoordig gangbaar zijn.

Achter de schermen is de webshop gebasseerd op Ecommercetemplate (ASP met MS SQL). De uiteindelijke implementatie van de site is echter aan ons.

Wat wij vragen zijn een mastertemplate en vier (max. 5)pagina's in een nieuw ontwerp:
Home (home page van webshop)
Content (=product detail)
Product en/of Category listing
Contact

De website is operationeel en kan bekeken worden op http://www.vaarwinkel.nl
Beschouw de huidige website als richtlijn, maar wees vrij in jouw werk.

Homepage: http://www.vaarwijzer.nl/shop/default.asp
Sample content page: http://www.vaarwijzer.nl/shop/proddetail.asp?prod=atlasbelgischevaarwegen
Sample product listing page: http://www.vaarwinkel.nl/shop/products.asp?cat=35
Sample category listing page: http://www.vaarwinkel.nl/shop/categories.asp?cat=22
Sample contact page: http://www.vaarwijzer.nl/shop/contForm.asp

Criteria
* Eenvoudig en modern webdesign
* Web 2.0 stijl en uiterlijk
* Kwaliteit van ontwerp en code
* W3C compatibele code
* Duidelijke code en goed gedocumenteerd
* SEO friendly
* Snel laden van de pagina's
* Cross-browser compatibiliteit
* Mobile friendly en geschikt (responsive) voor verschillende schermresoluties
* Pixel-perfect design
* Geoptimaliserde images/CSS/HTML code.
* Geen gebruik van tabellen (in de code)

De huidige website maakt nog wel gebruik van tabellen en Javascript. De Ecommercetemplate framwork kan ook zonder tabellen draaien en met alleen CSS. Meer informatie over het systeem: http://www.ecommercetemplates.com