D E S N E L S T E W E G N A A R U W A P O T H E E K START VANDAAG UW ONLINE WEBSHOP
INHOUD VOORWOORD 5 DEEL 1: Lay-out-variabelen 1.1 Lettertype 8 1.2 Buttons 9 1.3 Kleurgebruik 10 1.4 Header & footer 11 1.5 Navigatie 12 1.6 Kolommen 13 DEEL 2: Voorbeeldthema 2.1 Home 16 2.2 Navigatie 17 2.3 Footer 18 2.4 Productoverzicht 18 2.5 Productdetail 19 2.6 Winkelwagen 20 2.7 Login 22 3
VOORWOORD Proficiat! Het feit dat u deze brochure in handen hebt, bewijst dat u de eerste stap hebt gezet voor het opzetten van uw eigen webshop. Dankzij het -platform beschikt u alvast over een mooie basis om uw eigen e-commerce succesverhaal te schrijven. Het platform is namelijk opgebouwd om u een maximum aan flexibiliteit te bieden binnen het veilige kader gecreëerd door top informatici en webshopspecialisten. In het eerste deel vindt u meer informatie over alle variabelen die het uitzicht van uw webshop bepalen zoals het lettertype, het kleurgebruik, de navigatie e.d. In een tweede deel worden alle onderdelen binnen een welbepaald thema verder onder de loep genomen. Wij hopen u met dit document goed op weg te kunnen zetten voor een lange online samenwerking, zowel met uw patiënt als met uw groothandel. Veel succes. Apr. Eric Van Nueten Gedelegeerd bestuurder Febelco cvba 5
DEEL 1 Lay-out-variabelen Het -platform is opgebouwd uit verschillende lay-out-variabelen. We lichten ze graag toe in dit eerste deel.
VARIABELEN 1.1 LETTERTYPE Een lettertype (font) is in de typografie een stilistisch samenhangende set tekens gebruikt om letters, cijfers of leestekens uit te beelden. Op een website kiest u best voor een eenvoudig en duidelijk lettertype. FONT 1 MUSEO SANS 700 500 In de kijker Nulla vitae elit libero Nulla vitae elit libero Woordfilter Dit is een h5. Dit is een paragraph text FONT 2 MUSEO SLAB 700 500 In de kijker Nulla vitae elit libero Nulla vitae elit libero Woordfilter Dit is een h5. Dit is een paragraph text FONT 3 PROXIMA NOVA BOLD SEMI BOLD In de kijker Nulla vitae elit libero Nulla vitae elit libero Woordfilter Dit is een h5. Dit is een paragraph text 8
1.2 BUTTONS Buttons of knoppen op uw website zijn een goed instrument om bezoekers door de pagina s van uw website te leiden en/of hen aan te zetten om bepaalde acties uit te voeren. BUTTON 1 PRIMAIRE BUTTON LEES MEER MINDER BELANGRIJKE BUTTON LEES MEER PRIMAIRE BUTTON HOVER LEES MEER MINDER BELANGRIJKE BUTTON HOVER LEES MEER BUTTON 2 PRIMAIRE BUTTON LEES MEER MINDER BELANGRIJKE BUTTON LEES MEER PRIMAIRE BUTTON HOVER LEES MEER MINDER BELANGRIJKE BUTTON HOVER LEES MEER BUTTON 3 PRIMAIRE BUTTON LEES MEER MINDER BELANGRIJKE BUTTON LEES MEER PRIMAIRE BUTTON HOVER LEES MEER MINDER BELANGRIJKE BUTTON HOVER LEES MEER 9
VARIABELEN 1.3 KLEURGEBRUIK Net zoals in uw apotheek is het belangrijk om goed na te denken over de kleuren die u voor uw website gaat gebruiken. Kleuren bepalen de sfeer van uw site en zorgen ervoor dat uw bezoekers het aangenaam vinden op uw website. Leesbaarheid en herkenning zijn de kernwoorden. COMBINATIE 1 COMBINATIE 2 COMBINATIE 3 10
1.4 HEADER & FOOTER Een header is het bovenste deel van een pagina, waarin uw logo en de navigatie worden ondergebracht. Samen met de footer (onderste deel) staat het op elke pagina van uw website. OPTIE 1 OPTIE 2 11
VARIABELEN 1.5 NAVIGATIE Een goede website-navigatie is cruciaal voor het welslagen van uw website. U kunt kiezen uit twee navigatiemethodes waardoor bezoekers aan uw website snel begrijpen waar men bepaalde informatie kan terugvinden. STANDAARD NAVIGATIE NAVIGATIE MET BEHULP VAN OPENKLIKBARE CATEGORIEËN 12
1.6 KOLOMMEN Centraal op uw welkompagina vindt u standaard twee kolommen, waarin u uw apotheek en sterke punten nader kan voorstellen. Heeft u echter nood aan meer ruimte, kan er ook geopteerd worden voor een welkompagina met drie kolommen. TWEE KOLOMMEN DRIE KOLOMMEN 13
DEEL 2 Voorbeeldthema In het eerste deel kon u lezen welke lay-out-variabelen er beschikbaar zijn en uit welke opties u kunt kiezen. Het geheel van deze variabelen vormt een thema. Dankzij de diverse keuzemogelijkheden, hebt u als apotheker de mogelijkheid om een eigen look and feel te geven aan uw webshop. Op de volgende pagina s gaan we aan het werk met één voorbeeldthema. We kozen zelf reeds alle lay-out-variabelen en doorlopen alle verschillende pagina s binnen dit thema.
VOORBEELD- THEMA 2.1 HOME Hier vindt u een voorbeeld van hoe uw welkompagina eruit zou kunnen zien. 16
2.2 NAVIGATIE MET BEHULP VAN OPENKLIKBARE CATEGORIEËN 17
VOORBEELD- THEMA 2.3 FOOTER 2.4 PRODUCTOVERZICHT 18
2.5 PRODUCTDETAIL 19
VOORBEELD- THEMA 2.6 WINKELWAGEN 20
2.6.1 WINKELWAGEN STAP 1 21
VOORBEELD- THEMA 2.7 LOGIN 22
2.7.1 MIJN PROFIEL 23
VOORBEELD- THEMA 2.7.2 PROFIELINFORMATIE 2.7.3 ADRESBOEK 24
2.7.4 NIEUW ADRES TOEVOEGEN 25
VOORBEELD- THEMA 2.7.5 BESTELLINGEN 26
27
www.febelnet.be