Archief - LAYOUT: Redesign European Car Centre

Hallo!

Een jaartje geleden mocht ik de website van European Car Centre - een SsangYong dealer - maken.
De nog steeds huidige website: http://www.ssangyongantwerpen.be.

Ondertussen is er veel veranderd op technisch vlak en usability is belangrijker geworden, daarom werd het tijd om de huidige website te hermaken, rekeninghoudend met de volgende criteria:

• Website moet in het algemeen minder druk worden - niet teveel prutsjes, meer to the point.
• Hoofd- en subnavigatie moet herbekeken worden, er zijn immers tal van afdelingen die niet bezocht worden of niet makkelijk (genoeg) gevonden kunnen worden (resultaat van cijfermateriaal).
• Geen gebruik meer van een canvas (vaste grootte), maar vertikaal rekbare vorm. Hierdoor kan onder andere het lettertype groter, wat het leesgemak en vooral het overzicht ten goede komt.
• Geen gebruik meer van Shockwave, zoals voordien gebruikt voor de navigatie.
• Gebruik van xHTML en CSS.

Het redesign-resultaat (voorbeeldafdeling):
http://www.tdfolio.be/_workspace/redesign_ecc/pages_nl/gamma/

Graag jullie mening en eventuele feedback!

Prachtig nieuw design TDM, je hebt dat laatste jaar duidelijk niet slecht besteedt. Het ziet er allemaal wat volwassener uit dan voorheen vind ik persoonlijk. Ook de verhoogde flexibiliteit zoals je zelf al aanbracht is een pluspunt. Al ben ik niet helemaal zeker van het linksboven uitstekende logo, voelt wat raar aan.

Afstappen van Shockwave lijkt mij idd de beste keuze, een die volgens mij broodnodig was. Wederom een prachtige ontwikkeling. Kiezen ze enkel voor xHTML & CSS of is Flash hier beschikbaar?

3 cheers voor TDM ,
Jan

Bweikes, aartslelijk

.. die auto's. De site daarentegen is helemaal wat je als criteria opgeeft. Er is nergens iets waarvan ik "wow" zeg, maar alles zit consisent in elkaar en is mooi afgewerk, onderdelen zijn makkelijk terug te vinden. Misschien mag je het hoofdmenu nog iets beter benadrukken ?
Het uitstekend logo leek mij overigens ook wat vreemd.

Een degelijke stap naar voor, proficiat Ik zou enkel overwegen om de lijn tussen de verticale navigatie links en de inhoud door te trekken tot beneden

Thanks voor de leuke reacties

Even reageren

Betreffende het logo:
Dit komt misschien nogal raar over, maar het wordt wel heel veel gebruikt in de officiële communicatie van SsangYong, waardoor dit element van de website uiteraard een herkenbaar item vormt.

Betreffende het Flash gebruik:
Ik heb aan de klant voorgesteld om Flash te gebruiken in de headers om het geheel wat dynamischer - en misschien voor Radiance - "wow-er" aan te laten voelen. Toch was de klant overtuigd dat dit geen added value zou geven aan de site en overigens is er ook te weinig budget om geavanceerdere animatie te verwerken in de headers. Het is een beetje wikken en wegen

Betreffende de verticale lijn tussen het submenu en content:
D'Sek, ik heb dit toegepast en het gaf een raar resultaat, het leek net of er nog een stuk geladen moest worden ofzo... Dus ik hou het even op deze verwerking, zal het zeker voorstellen aan de klant. Dank je voor de tip!

2 verschillende kleuren blauw ??

stuk tot foto, en stuk eronder, is dat de bedoeling? of is dat een foutje ??

kan azo ook mijn scherm zijn, maar dat betwijfel ik

Da's inderdaad de bedoeling, het vormt 2 delen waarvan het lichte de content voorstelt. Later wordt dit doorgetrokken naar het 'splash-scherm' waar een taalkeuze gemaakt kan worden, alsook promotionele aanbiedingen hun plaatsje krijgen.

De huidige website is terug beschikbaar (was enkele dagen offline wegens een servercrash)

kblijf mij afvragen oe da gj da doet é jong
lijk da nu namaken is nie moeilijk maar toch krijg ek nooit zo ne mooie website als den deze alsk et zelf moe uitvinden
ne mens wordt er depressief van

nice site dus

Mooie site, maar ik zou het contrast tussen het licht en het donkerblauw wel groter maken

mooi, toch enkele opmerkingen:

header vin k erover, maar hier ben ik blijkbaar alleen in

k zou het duidelijker maken wat uw hoofdmenu is en wat uw submenu, kwestie als ge een directe link krijgt naar iets in het midden van de site da je nog weet waar je bent

bv. door het hoofdmenu over de volledige breedte te spreiden (niet per sé de tekst), en door de auto's in uw submenu bv als volgt te zetten:

eerst dien auto waar ge t over hebt, dan in zelfde rode kleur "andere auto's in het gamma" ofzoiets, probeer maar wa; ook de titel van uw hoofdmenu boven uw submenu nog es zetten kan wonderen doen

ik vond het toch nie direct duidelijk toen ik op de site kwam (wel snel maar kom), en je weet dat mensen rap iets kunnen dichtklikken he.. mensen lezen niet alles op een site, in feite zou het zonder da je de tekst kan lezen duidelijk moeten zijn wat hoofd- en submenu is

edit: uw code kan ook iets beter, vooral uw submenu dan
gebruik gewoon een ul ipv een table?
en tr><td>&nbsp;&nbsp;&nbsp;&nbsp;<img ... is nu ook nie bepaald sjiek gecodeerd, geef uw img gewoon wa margin-left in uw css..
en ipv img kunde beter backgroundimage gebruiken in uw css
laatste twee zijn om content volledig te scheiden van uw layout, kwestie van volledig volgens de w3c standaarden te werken. ge werkt bijna volledig volgens die standaarden, en toch doe je die dinge zo? vind ik raar, is nie veel moeite om te veranderen en dan is t volledig volgens w3s standaarden..

anyway gj toch hoor

Quilombo zei:

header vin k erover, maar hier ben ik blijkbaar alleen in

Klik om te vergroten...

Toch niet . Ik wordt er misselijk van als ik er wat lang naar kijk . Dit is dan ook wel het enige minpunt.

Ik was heel grote fan van je oude stijl. Die was mss niet altijd even overzichtelijk maar hij had toch een zeer eigen touch, die altijd wel aansloeg.

Dit nieuwe ontwerp heeft wat meer de 'corporate feeling'. Het ziet er allemaal wat volwassener uit zoals al gemeld is. Maar toch heb je nog je eigen feel er aan gegeven.

Zeer goed werk weeral

Nogmaals dank voor jullie leuke reacties.

Ondertussen is er al een update online gezet (te bekijken via de reeds doorgegeven link).

het doet me plezier dat die snelcursus divs u toch enigszins is bijgebleven keep it up Michael
ps: die beginfoto op de oude website is van erbarmelijke kwaliteit

Hey Stefan!

Inderdaad, jouw xHTML lessen zijn zeker blijven hangen

Betreffende de foto van de oude website is inderdaad zo, maar heb die doorgekregen van de klant en hij wou persé die foto hebben, zodus...
Ach, het is maar voor tijdelijk.

Groetjes
Michael