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