nieuw design shop glasatelier Saillart

AAN DE SLAG

Datum start: 02-06-2017

Datum einde: 02-07-2017

Totaal budget: € 999.00
Nieuwste inzending
Book cover
MichielB

Het begon allemaal met een idee...

Een korte, interactieve gids hielp hen hun ontwerpstijl te ontdekken en legde precies vast wat ze nodig hadden.

Behoefte

Ontwikkel een origineel nieuw design voor shop.glasatelier-saillart.be
mag strak en modern zijn, moet opvallen en duidelijk herkenbaar zijn
laat je niet beperken door wat er nu staat, misschien moet er minder staan
het mag iets compleet nieuw zijn, maar de functionaliteit is wel belangrijk

het menu links vind ik te overheersend, dat zou ik graag anders zien


de website is in html en php en voor design CSS
dat is een platform dat in Duitsland gebouwd wordt
(daarom in eerste instantie enkel ontwerp en geen technische uitvoering)

de HTML code is niet toegankelijk voor ons, enkel CSS kan vrij aangepast worden

speciale aanpassingen (sommige) kunnen aangevraagd en in Duitsland gedaan worden (HTML of speciale scripts)
websites van hetzelfde platform

http://shop.rettberg.biz
http://www.hll.de/
http://www.behr-labor.de/
http://www.windaus.de/index.html


ook zou de pagina met horizontale balken die paginabreed zijn, er mooier uitzien denk ik (zie Rettberg)

adres website
shop.glasatelier-saillart.be

gelieve ook rekening te houden met functionaliteit
menu's kunnen verplaatst worden of andere inhoud krijgen

kleuren aan te passen zodat alles er wat frisser uitziet
er moeten niet noodzakelijk twee logo's op de pagina
eventueel wit logo gebruiken om meer vrijheid te krijgen om andere kleuren te gebruiken

gelieve ook het menu in open geklapte versie te bekijken

de eerste pagina heeft volgende vrij te configureren en te plaatsen elementen

skyscraper: verticaal (toren) vak voor advertenties (maat kan zelf bepaald worden)
banner: horizontaal vak voor tekst of advertenties (maat kan zelf bepaald worden

vierkant: de maat mag niet te klein worden (vanwege gedeelde campagnes)
width: 251px;
height: 157px

aantal van deze vakken vrij te kiezen

gelieve ook een keer de andere pagina's te bekijken (de gast login laat niet het volledige menu zien)
ik sluit een paar bestanden bij die meer tonen

Bedrijfsomschrijving

Glasblazerij, glasinstrumentmakerij voor labo en industrie
groot- en kleinhandel voor labomateriaal (ook export)

Doelgroep

labo's, chemische industrie, scholen, universiteiten, andere bedrijven die speciale glazen onderdelen nodig hebben
voor de shop wordt wel vooral gemikt op algemene behoeftes in labo's (en niet enkel op glas)

Kleuren, favoriete logo's, must haves

kleuren laat ik aan de ontwerper over: het moet een mooi samenhangend geheel zijn

minstens één logo op de pagina

menu's die beschikbaar zijn en eventueel kunnen aangepast worden (menu items kunnen herschikt worden naar andere menu's of eventueel weggelaten worden)

1)top navigatie 1 (is nu met icoontjes gemaakt) afmeting nu 340 x 55 px (kan aangepast worden)

PDF documentatie tonen / Favorieten (niet zichtbaar voor gasten, enkel na inloggen) / Producten per merk / Zoeken met afbeeldingen / Geschiedenis

PDF documentatie tonen kan eventueel weg hier (naar de footer) Dit is volgens mij een niet zo interessante pagina.
Eventueel Home icoontje in dit menu?


2)top navigatie 2 afmeting nu 800 x 21 px (kan aangepast worden)

Home / Contact / Glasblazerij / lab reactor / folder / labo lente 2017 /acties

Home menu kan vervangen worden door een icoontje om plaats te sparen (en evtl naar een ander menu gezet worden)


3)links menu (neemt nu zeer veel plaats in en moet misschien helemaal anders)
afmeting nu 360 x 657 px (kan aangepast worden)

Laboratoriumbenodigdheden (mega menu: gelieve een doordacht voorstel te geven)

labo catalogus 2014 (mega menu: gelieve een doordacht voorstel te geven)

julabo CORIO koel-thermostaten actie (vrij te bepalen menu items vanaf hier, kan meer of minder, of helemaal weg)
GFL waterbaden Lente Actie
BOLA verdelers voor laboflessen
Duran Labofles Pressure Plus+ GL 45 nieuw!
usbeck 4-pikkel in roestvrij staal nieuw!
Testo Saveris 2 Draadloze datalogger
Phoenix Instrument RSM-10 HS/HP Magneetroerder actie!
meet draadloos pH, geleidbaarheid, opgeloste zuurstof en troebelheid met WTW® IDS elektrodes
de nieuwe VITgrip™ allround labofles
Hahnemühle hoogwaardig filterpapier
Bürkle spatels en schrapers
Binder Droogkasten & ovens Avantgarde.Line
Haver analysezeefmachines promotie



4)inlog menu horizontaal boven (afmeting nu 810 x 24 px)
menu items (die niet allemaal zichtbaar zijn voor gasten)


Welkom terug, "naam van de klant" / mijn gegevens / logout / administratie


5)admin submenu (staat nu onder inlogmenu) niet zichtbaar voor gasten (afmeting nu 700 x 20 px)
menu items (die niet zichtbaar zijn voor gasten enkel voor intern gebruik)


Customers / Contents / data export / data uitwisseling / Basis instellingen


een mogelijke versie van dit menu staat (zichtbaar bij klanten die ingelogd zijn) bovenaan op de pagina van het winkelmandje
menu items
Gebruik nieuw winkelmandje / Winkelmandjes beheren


6)onderaan hebben we dan nog een footer menu (vrij aan te passen, met meer of minder menu-items)

7) niet te vergeten het talen menu bovenaan


elementen die je niet ziet, hebben we ook niet
je kan die toevoegen, maar het is niet zeker dat we ze dan later ook kunnen implementeren

mogelijke vakken op de eerste pagina

vierkant:
width: 251px;
height: 157px


banner: afmeting vrij te kiezen

skyscraper: afmeting vrij te kiezen



EIGENSCHAPPEN ZOEKVELD (+ 2 verstopte velden detail zoeken (dropdown menu))
afmeting nu 727 x 43 px (kan aangepast worden)
ik heb de voorkeur voor een groot (hoofd) zoekveld (zo ongeveer zoals het nu is, maar het woord zoeken kan gewoon door een icoon vervangen worden)

eigenschappen winkelmandje: we hebben slechts één icoontje met of zonder tekst (wel met tekstballonnetje bij hover), het aantal artikelen in het winkemandje wordt aangegeven (meer niet)


bekijk ook de pagina's van mijn collega's om mogelijke configuraties te zien

Http://www.windaus.de/index.html
Http://shop.rettberg.biz
Http://www.behr-labor.de/
Http://www.hll.de/

andere sites met mega-menu's
https://www.hubo.be/nl.html
http://www.northerntool.com/
http://www.staples.com/office/supplies/home

het menu kan openen met een icoontje
we hebben te veel categorieën om deze allemaal te tonen op elk scherm
het menu moet zo gemaakt zijn dat de gebruiker niet van het scherm moet wegscrollen om alles te kunnen zien (vandaar ook de huidige oplossing)


Designer: peebeedee peebeedee
website_design-peebeedee-TIvnx0C0

peebeedeepeebeedee

En een voorstel voor de CONTACT pagina...

Jan SaillartJan Saillart

Beste
je opmerkingen wat structuur betreft zijn zeker terecht, en vormen een verbetering.
Het geheel vind ik goed maar toch net niet strak genoeg. Bedankt voor je inzet.
MVG
Jan Saillart

Deze wedstrijd is gesloten. Commentaar geven is niet meer mogelijk.
website_design-peebeedee-Sgc597o0

peebeedeepeebeedee

Zoeken in de lijst met producenten via de zoekfunctie opmerk

Deze wedstrijd is gesloten. Commentaar geven is niet meer mogelijk.
website_design-peebeedee-QDLBvcG0

peebeedeepeebeedee

De volledige homepage met de blokken, banner en footer staand of liggend zouden alle blokken in dit stramien moeten passen.

Deze wedstrijd is gesloten. Commentaar geven is niet meer mogelijk.
website_design-peebeedee-Pb1T7js0

peebeedeepeebeedee

Voor een eerste bezoeker van de huidige website is het volgens mij lastig de juiste weg te vinden.
Er zijn veel verschillende navigatiemogelijkheden, waardoor niet duidelijk wordt waar je moet zoeken, zeker als het over producten gaat. Die zijn te vinden in het linker verticale menu, de horizontale navigatie, mbv iconen, in de blokken op de homepage en in de footer. Een leuke uitdaging om orde in de chaos te scheppen.

VORMGEVING
Door de veelheid aan vormen en kleuren wordt het geheel (voor mij in ieder geval) onoverzichtelijk.
Horizontale balken over de gehele breedte voor een moderne uitstraling, meer ruimte tussen de elementen waardoor het beeld rustiger wordt en de gehele navigatie in één balk zouden voor overzicht moeten zorgen.

Iedere pagina wordt voorzien van een mooie headerfoto met informatie over het bedrijf of eventueel quotes van klanten.

NAVIGATIE
Ik heb geprobeerd het menu te vereenvoudigen voor zover ik het begrijp… 1 navigatiebalk waarin alles is ondergebracht hier en daar mbv een dropdown menu. De iconen heb ik helemaal weggelaten.

Allereerst ontbreekt er duidelijke informatie over het bedrijf. Daarom is een kopje 'OVER' toegevoegd aan het menu.

Alles wat over de producten gaat is onder deze knop geplaatst. De functie van het linkermenu (in geel) is mij niet helemaal duidelijk. Dit is nu ook ondergebracht bij de PRODUCTEN. Via het dropdown menu kan men nog verder klikken naar meer informatie.

GLASBLAZERIJ spreekt voor zich.

Op de pagina ACTIES kunnen speciale acties en aanbiedingen kenbaar gemaakt worden.

CONTACT spreekt voor zich.

Onder het menu item DOCUMENTATIE kunnen alle beschikbare pdf's brochures/catalogi gedownload worden.

Waarschijnlijk heb ik eea over het hoofd gezien in de briefing, maar dit is volgens mij een start om de website overzichtelijker te krijgen.

Deze wedstrijd is gesloten. Commentaar geven is niet meer mogelijk.