START VANDAAG UW ONLINE WEBSHOP. Febelnet

Maat: px

Weergave met pagina beginnen:

Download "START VANDAAG UW ONLINE WEBSHOP. Febelnet"

Laura Vos
8 jaren geleden
Aantal bezoeken:

1 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

3 INHOUD VOORWOORD 5 DEEL 1: Lay-out-variabelen 1.1 Lettertype Buttons Kleurgebruik Header & footer Navigatie Kolommen 13 DEEL 2: Voorbeeldthema 2.1 Home Navigatie Footer Productoverzicht Productdetail Winkelwagen Login 22 3

6 Kolommen 13 DEEL 2: Voorbeeldthema 2.1 Home 16 2.2 Navigatie 17 2.

5 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

Het platform is namelijk opgebouwd om u een maximum aan flexibiliteit te bieden binnen het veilige kader gecreëerd door top informatici en webshopspecialisten.

7 DEEL 1 Lay-out-variabelen Het -platform is opgebouwd uit verschillende lay-out-variabelen. We lichten ze graag toe in dit eerste deel.

8 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 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 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

FONT 1 MUSEO SANS 700 500 In de kijker Nulla vitae elit libero Nulla vitae elit libero Woordfilter Dit is een h5.

9 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

BUTTON 1 PRIMAIRE BUTTON LEES MEER MINDER BELANGRIJKE BUTTON LEES MEER PRIMAIRE BUTTON HOVER LEES MEER MINDER BELANGRIJKE BUTTON HOVER LEES MEER BUTTON 2

10 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

11 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

12 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

13 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

15 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.

Dankzij de diverse keuzemogelijkheden, hebt u als apotheker de mogelijkheid om een eigen look and feel te geven aan uw

16 VOORBEELD- THEMA 2.1 HOME Hier vindt u een voorbeeld van hoe uw welkompagina eruit zou kunnen zien. 16

17 2.2 NAVIGATIE MET BEHULP VAN OPENKLIKBARE CATEGORIEËN 17

18 VOORBEELD- THEMA 2.3 FOOTER 2.4 PRODUCTOVERZICHT 18

19 2.5 PRODUCTDETAIL 19

20 VOORBEELD- THEMA 2.6 WINKELWAGEN 20

21 2.6.1 WINKELWAGEN STAP 1 21

22 VOORBEELD- THEMA 2.7 LOGIN 22

23 2.7.1 MIJN PROFIEL 23

24 VOORBEELD- THEMA PROFIELINFORMATIE ADRESBOEK 24

25 2.7.4 NIEUW ADRES TOEVOEGEN 25

26 VOORBEELD- THEMA BESTELLINGEN 26

27 27

Vergelijkbare documenten

myshop De homepage van Bouwshopper aanpassen deel 1

myshop De homepage van Bouwshopper aanpassen deel 1 De homepage van Bouwshopper aanpassen deel 1 Wat leer je in dit hoofdstuk: - Waaruit het Pagina dashboard bestaat - Hoe je de onderdelen van de header aanpast Inleiding De homepage is de meest belangrijke