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
Febelnet
D E
INHOUD
VOORWOORD 5 Lay-out-variabelen
1.1 Lettertype 1.2 Buttons 1.3 Kleurgebruik 1.4 Header & footer 1.5 Navigatie 1.6 Kolommen
DEEL 2:
8 9 10 11 12 13
Voorbeeldthema
2.1 Home 2.2 Navigatie 2.3 Footer 2.4 Productoverzicht 2.5 Productdetail 2.6 Winkelwagen 2.7 Login
16 17 18 18 19 20 22
Febelnet
DEEL 1:
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 Febelnet-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
Febelnet
Febelco cvba
5
DEEL 1
Lay-out-variabelen Het Febelnet-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
FONT 2 MUSEO SLAB 700 500
FONT 3 PROXIMA NOVA BOLD
Febelnet
SEMI BOLD
8
In de kijker Nulla vitae elit libero Nulla vitae elit libero Woordfilter Dit is een h5. Dit is een paragraph text
In de kijker Nulla vitae elit libero Nulla vitae elit libero Woordfilter Dit is een h5. Dit is een paragraph text
In de kijker
Nulla vitae elit libero
Nulla vitae elit libero Woordfilter Dit is een h5. Dit is een paragraph text
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
PRIMAIRE BUTTON HOVER LEES MEER
MINDER BELANGRIJKE BUTTON LEES MEER
MINDER BELANGRIJKE BUTTON HOVER LEES MEER
BUTTON 2 PRIMAIRE BUTTON LEES MEER
PRIMAIRE BUTTON HOVER LEES MEER
MINDER BELANGRIJKE BUTTON LEES MEER
MINDER BELANGRIJKE BUTTON HOVER LEES MEER
BUTTON 3
LEES MEER
PRIMAIRE BUTTON HOVER LEES MEER
MINDER BELANGRIJKE BUTTON LEES MEER
MINDER BELANGRIJKE BUTTON HOVER LEES MEER
Febelnet
PRIMAIRE BUTTON
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.
Febelnet
COMBINATIE 1
10
COMBINATIE 2
COMBINATIE 3
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
Febelnet
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
Febelnet
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
Febelnet
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.
VOORBEELDTHEMA
2.1 | HOME
Febelnet
Hier vindt u een voorbeeld van hoe uw welkompagina eruit zou kunnen zien.
16
Febelnet
2.2 | NAVIGATIE MET BEHULP VAN OPENKLIKBARE CATEGORIEËN
17
VOORBEELDTHEMA
2.3 | FOOTER
Febelnet
2.4 | PRODUCTOVERZICHT
18
Febelnet
2.5 | PRODUCTDETAIL
19
20
Febelnet
VOORBEELDTHEMA
2.6 | WINKELWAGEN
Febelnet
2.6.1 | WINKELWAGEN STAP 1
21
22
Febelnet
VOORBEELDTHEMA
2.7 | LOGIN
Febelnet
2.7.1 | MIJN PROFIEL
23
VOORBEELDTHEMA
2.7.2 | PROFIELINFORMATIE
Febelnet
2.7.3 | ADRESBOEK
24
Febelnet
2.7.4 | NIEUW ADRES TOEVOEGEN
25
26
Febelnet
VOORBEELDTHEMA
2.7.5 | BESTELLINGEN
27
Febelnet
www.febelnet.be
