Een Joomla-webshop bouwen zonder webshop-extensie, met formulieren
START VANDAAG UW ONLINE WEBSHOP - Febelnet · stap hebt gezet voor het opzetten van uw eigen...
Transcript of START VANDAAG UW ONLINE WEBSHOP - Febelnet · stap hebt gezet voor het opzetten van uw eigen...
Feb
eln
et
STARTVANDAAG UW
ONLINEWEBSHOP
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
3
Feb
eln
et
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
5
Feb
eln
et
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
Febelco cvba
VOORWOORD
Lay-out-variabelenHet Febelnet-platform is opgebouwd uit verschillende lay-out-variabelen. We lichten ze graag toe in dit eerste deel.
DEEL1
8
Feb
eln
et
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
SEMI BOLD
In de kijkerNulla vitae elit liberoNulla vitae elit liberoWoordfilterDit is een h5.Dit is een paragraph text
In de kijkerNulla vitae elit liberoNulla vitae elit liberoWoordfilterDit is een h5.Dit is een paragraph text
In de kijkerNulla vitae elit liberoNulla vitae elit liberoWoordfilterDit is een h5.Dit is een paragraph text
1.1 | LETTERTYPE
VARIABE
LEN
9
Feb
eln
et
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 MINDER BELANGRIJKE BUTTON
1.2 | BUTTONS
LEES MEER
LEES MEER
LEES MEER
LEES MEER
LEES MEER
LEES MEER
LEES MEER
LEES MEER
LEES MEER
LEES MEER
LEES MEER
LEES MEER
PRIMAIRE BUTTON HOVER MINDER BELANGRIJKE BUTTON HOVER
BUTTON 2 PRIMAIRE BUTTON MINDER BELANGRIJKE BUTTON
PRIMAIRE BUTTON HOVER MINDER BELANGRIJKE BUTTON HOVER
BUTTON 3 PRIMAIRE BUTTON MINDER BELANGRIJKE BUTTON
PRIMAIRE BUTTON HOVER MINDER BELANGRIJKE BUTTON HOVER
10
Feb
eln
et
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 zor-gen ervoor dat uw bezoekers het aangenaam vinden op uw website. Leesbaarheid en herkenning zijn de kernwoorden.
COMBINATIE 1
1.3 | KLEURGEBRUIK
COMBINATIE 2 COMBINATIE 3
VARIABE
LEN
11
Feb
eln
et
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.
1.4 | HEADER & FOOTER
OPTIE 1
OPTIE 2
12
Feb
eln
et
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.
1.5 | NAVIGATIE
STANDAARD NAVIGATIE
NAVIGATIE MET BEHULP VAN OPENKLIKBARE CATEGORIEËN
VARIABE
LEN
13
Feb
eln
et
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.
1.6 | KOLOMMEN
TWEE KOLOMMEN
DRIE KOLOMMEN
VoorbeeldthemaIn 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.
DEEL2
16
Feb
eln
et
2.1 | HOME
Hier vindt u een voorbeeld van hoe uw welkompagina eruit zou kunnen zien.
VOORB
EELD
-TH
EMA
17
Feb
eln
et
2.2 | NAVIGATIE MET BEHULP VAN OPENKLIKBARE CATEGORIEËN
18
Feb
eln
et
2.3 | FOOTER
2.4 | PRODUCTOVERZICHT
VOORB
EELD
-TH
EMA
19
Feb
eln
et
2.5 | PRODUCTDETAIL
20
Feb
eln
et
2.6 | WINKELWAGEN
VOORB
EELD
-TH
EMA
21
Feb
eln
et
2.6.1 | WINKELWAGEN STAP 1
22
Feb
eln
et
2.7 | LOGIN
VOORB
EELD
-TH
EMA
23
Feb
eln
et
2.7.1 | MIJN PROFIEL
24
Feb
eln
et
2.7.2 | PROFIELINFORMATIE
2.7.3 | ADRESBOEK
VOORB
EELD
-TH
EMA
25
Feb
eln
et
2.7.4 | NIEUW ADRES TOEVOEGEN
26
Feb
eln
et
2.7.5 | BESTELLINGEN
VOORB
EELD
-TH
EMA
27
Feb
eln
et
www.febelnet.be