Systemen

Ervaring met veel verschillende systemen

Wij kunnen uit de voeten met een groot aantal open-sourcesystemen. Vertel ons wat je wilt bereiken, en wij adviseren je over een passende oplossing. Ook het aanpassen van het design binnen Microsoft SharePoint heeft geen geheimen voor ons: we helpen je dan ook graag hiermee.

MailChimp

MailChimp

Digitale nieuwsbrief

Een digitale nieuwsbrief is de ideale manier om contact te onderhouden met klanten en relaties. Niet alleen met berichten uit je eigen organisatie of branche maar ook met nieuwe aanbiedingen en innovaties waar de ontvanger iets aan heeft. Voordelen van een nieuwsbrief:

  • Blijf onder de aandacht bij je relaties
  • Verhoog je naamsbekendheid / top-of-mind
  • Speel in op actualiteiten
  • Gebruik het om kennis delen
  • Vooral: wees van toegevoegde waarde

Nieuwsbrief via MailChimp

MailChimp logoMailChimp is marktleider in e-mailmarketing. Ze zijn in 2001 begonnen en inmiddels misschien wel het meestbekende online platform voor het maken van nieuwsbrieven. Het is gratis in gebruik tot 2.000 subscribers.

MailChimp kent een gebruiksvriendelijke interface zodat je hiermee gemakkelijk aan de slag kunt gaan. Er zijn grafische templates, verzendlijsten, uitgebreide statistieken en geautomatiseerde taken beschikbaar. Lees er alles over in de documentatie van MailChimp. Het is ook mogelijk om MailChimp te integreren in je Joomla website.

Templates met drap-and-drop

Een nieuwsbrief start je vanuit een template. Dan staat de vormgeving al klaar. Je kunt dan denken aan lettertypes, logo, kleuren en andere huisstijlelementen. Wij kunnen zo'n template voor je maken in je eigen huisstijl zodat je zelf volledig op de inhoud kunt concentreren. Door elementen, zoals afbeeldingen en tekstblokken, op de juiste plaats te slepen bouw je een eigen nieuwsbrief op.

Mailinglijsten

Iedereen vindt spam vervelend. MailChimp heeft allerlei maatregelen getroffen om spammen tegen te gaan. Wanneer je een lijst met e-mailadressen hebt, van bijv. je klanten, dan dien je deze zorgvuldig te plaatsen. Wij helpen je graag. Daarnaast kun je bezoekers van je website vragen om zich aan te melden zodat ze direct op de lijst staan.

Automation

Met MailChimp kun je automatisch een e-mail laten versturen aan de hand van vooraf bepaalde "triggers". Bijv. 3 weken na het doen van een bestelling in een webshop of een aantal mails in aanloop naar een evenement.

Een mooi voorbeeld hiervan is Geboortezorg Leiden. Hier kunnen zwangere vrouwen hun vermoedelijke bevallingsdatum (de trigger) opgeven en zo iedere week een leuke update ontvangen over de groei van hun kindje.

mailchimp intro

SharePoint

SharePoint

Wel een portal, intranet of website op basis van SharePoint maar wil je niet de standaard Master Page gebruiken? Het is mogelijk het uiterlijk van SharePoint volgens een eigen design vorm te geven.

sharepoint intro

Grafisch ontwerp voor SharePoint 2013

SharePoint is een product van Microsoft waarmee een complete portal kan worden ingericht voor gebruik als intranet of website. Belangrijke functies van SharePoint zijn communicatie, informatie zoeken en vinden, online samenwerken, documenten delen en nog veel meer. SharePoint heeft een standaard grafisch uiterlijk. Wij bieden de mogelijkheid om een eigen vormgeving toe te passen ter vervanging hiervan.

Custom Master Page laten ontwikkelen

Het uiterlijk van SharePoint is aan te passen via een zogenaamde Master Page en Page Layouts. Hierin kan naast de kleurstelling ook de indeling van pagina’s aangepast worden.

Eigen design in SharePoint

Een eigen design geeft een vertaling van een huisstijl naar SharePoint. We kunnen dezelfde grafisch lijn volgen die vanuit overige uitingen al zichtbaar is. Bij het ontwerpen houden wij als uitgangspunt dat het design de inhoud moet versterken en de gebruiksvriendelijkheid moet verbeteren.

Maatwerk design

Is er nog geen huisstijl? Komen er maatwerk functies in SharePoint of gaan er eigen Web Parts gebruikt worden? Een andere inrichting van de portal? Of dienen er meerdere varianten ontwikkeld te worden vanuit één uniek grafisch ontwerp? Er zijn vele mogelijkheden, we bespreken ze graag!

Ervaring met SharePoint vormgeving

We doen dit al heel wat jaren en hebben ervaring met de volgende versies opgebouwt:

  1. Vormgeving voor SharePoint 2003
  2. Grafisch design voor SharePoint 2007
  3. Eigen ontwerp in SharePoint 2010
  4. SharePoint 2013 in eigen huisstijl
  5. Alvast voorbereiden op een design voor SharePoint 2016?

Ben je aan het overstappen naar een nieuwe SharePoint versie? Ondanks dat Microsoft aangeeft dat je de Master Page kunt migreren zitten daar in de praktijk een aantal nadelen aan. Een nieuwe Master Page geeft de mogelijkheid om dit direct met nieuwe technieken zoals responsive design te doen. Wij kunnen je adviseren om de gewenste vormgeving op de juiste manier toe te passen.

Magento 2

Magento 2

Magento is een gebruiksvriendelijk en zeer uitgebreid e-commerce pakket dat volledige controle biedt over design, inhoud en functionaliteit van een webshop. Het is het meestgebruikte Open Source e-commerce systeem. Daardoor zijn er veel modules beschikbaar om het systeem mee uit te breiden zoals betaalmethodes en koppelingen met andere systemen.

In 2016 is Magento 2 beschikbaar gekomen. Er is lang aan ontwikkeld en is helemaal vanaf de grond af aan gebouwd. Daardoor is het platform technisch actueel helemaal klaar voor de toekomst! Een aantal verbeteringen zijn: responsive design, nieuw beheerpaneel,  betere zoekmachine optimalisatie en de trontend performance is vergroot.

Standaard Magento functionaliteit

Product

  1. Eenvoudig, configureerbaar, gegroepeerd, virtueel, download of gebundeld product
  2. Afbeeldingen en video
  3. Inzoomen op foto's
  4. Attributen en swatches
  5. Gerelateerde producten
  6. Cross-sells, Up-sells
  7. Beoordelingen
  8. Voorraadinformatie
  9. Wensenlijst
  10. Vergelijken

Catalogus

  1. Recent bekeken producten
  2. Nieuwe producten
  3. Aanbiedingen
  4. Lijst of grid weergave
  5. Breadcrumbs
  6. Sorteren
  7. Filteren (bedrag, merk, kleur etc.)
  8. Zoeken

Klanten

  1. Orderstatus en historie
  2. Herbestellen
  3. Adressen beheren
  4. Wensenlijst

Bestellen

  1. One-Page Checkout
  2. Bestellen als gast of als gebruiker
  3. Account aanmaken bij bestellen
  4. Meerdere afleveradressen
  5. Bezorgkosten (gewicht, bestemming)
  6. Gratis bezorging bij X bestelbedrag
  7. Verwachte verzendtijd

Betalen

  1. Factuur per mail of PDF
  2. iDeal
  3. Creditcard
  4. PayPal
  5. Google Checkout
  6. Payment provider / gateway
  7. Kortingscoupons

Klantenservice

  1. Contactformulier
  2. Order tracking / track & trace
  3. Wachtwoord vergeten
  4. Bestellingsupdates per mail

Internationaal

  1. Meertaligheid
  2. BTW per land / EU
  3. Verschillende munteenheden
  4. Landen beheren (wel of niet toestaan)

Marketing

  1. Klantgroepen
  2. Prijsafspraken op product of bestelling
  3. RSS feeds van producten
  4. Sitemap
  5. Meldingen van prijswijzigingen of voorraad
  6. Nieuwsbrief
  7. Landingspagina's voor campagnes
  8. URL Rewrites
  9. SEO geoptimaliseerd
  10. Google Analytics
  11. Google Ads Conversion

Geavanceerd en overig

  1. Standaard theme of eigen grafisch ontwerp
  2. Responsive design
  3. Multiple store (shop in shop)
  4. Web Services API voor koppelingen
  5. Tekstpagina's en blokken (CMS)
  6. Cache en snelheid optimaliseren

Beheer

  1. E-mailtemplates
  2. PDF templates
  3. Status van producten, categorieen, klanten en orders
  4. Retouren
  5. Verzendingen
  6. Dashboard
  7. Bewerken / zelf aanmaken
  8. Pakbonnen en facturen printen
  9. Nieuwe klanten aanmaken
  10. Statistieken (verkoop, klanten, producten etc.)
  11. Importeren en exporteren
  12. Instelbare beheerrechten

Leer meer over Magento 2

Hoe ziet Magento eruit en wat zijn de kosten van het bouwen van een Magento 2 webshop? Lees er alles over in ons blog 'Magento 2 webshop laten maken'.

WordPress

WordPress

WordPress is een beheersysteem (CMS) waarmee je gemakkelijk een website kunt maken en onderhouden. WordPress is in 2003 begonnen als simpel CMS om een weblog mee te maken maar heeft een flinke ontwikkeling doorgemaakt. Hierdoor is het mogelijk om complete websites te ontwikkelen met behoudt van de eenvoudige werkwijze.

Open Source

WordPress is te gebruiken onder een Open Source licentie. Er is een grote community ontwikkelaars en gebruikers. Dit levert een enorme hoeveelheid mogelijke uitbreidingen op aan themes en plugins. De eenvoud van dit CMS heeft het tot meestgebruikte CMS wereldwijd gemaakt.

wordpress intro

WordPress is geprogrammeerd in PHP en werkt met een MySQL database om alle gegevens in te kunnen bewaren.

Plugins

Wat je ook zoekt, er is al snel een plugin beschikbaar waarmee je functionaliteit aan WordPress kunt toevoegen. Deze zijn meestal gratis of tegen een kleine vergoeding gemakkelijk te verkrijgen. Het kiezen van een plugin dient wel zorgvuldig te gebeuren omdat ze niet allemaal van goede kwaliteit zijn. Wanneer een bepaalde functionaliteit niet beschikbaar is kunnen wij deze zelf programmeren binnen het WordPress systeem.

Op de officiële WordPress website is meer over dit populaire CMS te lezen en zijn demo’s te bekijken: https://wordpress.org/

Themes

Er zijn veel standaard themes beschikbaar maar je website wordt pas uniek en compleet in je eigen huisstijl wanneer deze met een eigen vormgeving ontwikkeld wordt. Tegenwoordig is dat altijd uitgevoerd volgens de principes van responsive design.

Joomla

Joomla

Joomla 3 is een vrij verkrijgbaar en erg populair CMS. Het Joomla CMS staat vooral bekend om zijn gebruiksvriendelijkheid. Wij maken al vanaf het eerste begin gebruik van het Joomla en kennen het daarom door en door. Dit CMS is gebaseerd op het Open Source principe. De broncode is openbaar waardoor iedereen Joomla kan aanpassen, verbeteren en aanvullen.

Open Source

Joomla kent een wereldwijde gemeenschap (community) van experts en enthousiastelingen. Deze community staat garant voor het verschijnen van nieuwe versies en updates.

joomla intro

Compleet systeem

Joomla is geprogrammeerd in PHP en werkt met een MySQL database om alle gegevens in te kunnen bewaren.

Voor het gebruik van het systeem hoeft er geen licentie betaald te worden. Er zijn al veel standaardcomponenten aanwezig zoals een nieuwssysteem, gebruikersbeheer en meertaligheid.

Joomla extensies

Daarnaast zijn er veel uitbreidingen (extensies) verkrijgbaar. Deze zijn meestal gratis of tegen een kleine vergoeding gemakkelijk te verkrijgen binnen de Joomla gemeenschap. Wanneer een bepaalde functionaliteit niet beschikbaar is kunnen wij deze zelf programmeren binnen het Joomla systeem.

Op de officiële Joomla website is meer over dit populaire CMS te lezen en zijn demo’s te bekijken: www.joomla.org/3/nl

Template

De vormgeving van een Joomla website is volledig aan te passen via het ingebouwde template systeem. Er zijn standaard templates verkrijgbaar of we kunnen een eigen template ontwikkelen. Door eerst de gewenste vormgeving uit te werken om deze vervolgens als Joomla template te ontwikkelen ontstaat er een eigen unieke website met de voordelen van een standaardsysteem voor het beheer.

Weetje: De naam "Joomla" komt van het woord "Jumla" uit het Swahili. Het betekent letterlijk "allemaal samen" of "als geheel".

CSS3

CSS3

Met Cascading Style Sheets (afgekort tot CSS) geef je vorm aan je webpagina. De HTML elementen die de structuur bepalen komen tot leven. Een enkel CSS bestand wordt gekoppeld aan alle pagina's zodat de hele website van dezelfde opmaakregels gebruik maakt. Er zijn allerlei varianten hierop mogelijk maar hier komt het in basis op neer.

css3

Een browser leest deze code en presenteert het als opgemaakte pagina naar de bezoeker. Om dit in alle browsers gelijk te houden heeft het World Wide Web Consortium (W3C) de standaard vastgelegd. Deze standaard is in de loop van de jaren flink uitgebreid. Momenteel is CSS3 de meest actuele.

Een CSS opmaakregel kun je koppelen aan alle HTML elementen, alleen het elemente met een unieke ID of alle HTML elementen met een bepaalde class.

Hieronder een 3-tal voorbeelden die het HTML element <STRONG> (vet) stijlt.

strong {color: red}
Alle <STRONG> elementen worden rood.

strong.groen {color: green}
Alleen <STRONG> elementen die de CSS class "groen" hebben gekregen worden groen.

strong#blauw {color: blue}
Alleen het <STRONG> element met de unieke ID "blauw" wordt blauw.

Voor de kenners, hierboven zijn voor het gemak de getoonde kleuren met inline CSS toegepast ;-)

HTML5

HTML5

HTML geeft structuur aan de inhoud van webpagina’s. Je geeft aan wat een titel is of een linkje. HTML (HyperText Markup Language) is de onderliggende opmaakcode voor websites. HTML5 is een W3C-standaard (recommendation) sinds oktober 2014.

html5

Je kunt tekst van betekenis voorzien door aan te geven wat voor element het is. Een hoofdtitel wordt <H1>Hoofdtitel</H1> en een subtitel <H2>Subtitel</H2>. Gewone tekst zoals deze geeft je aan met <P>paragraaf</P>.

Daarnaast kun je structuur aan je pagina geven door elementen als <HEADER>, <SECTION> en <FOOTER> te gebruiken. Natuurlijk zijn er vele van dergelijke codes beschikbaar. 

Als beheerder van een website zul je vaak met een WYSIWYG (What You See Is What You Get) editor werken. Dit zijn de icoontjes om je tekst te bewerken. In de achtergrond wordt dit naar HTML codes vertaald.

Hoewel een code als <STRONG>je tekst vet maakt</STRONG> wordt de opmaak niet met HTML code bepaald maar in de bijbehorende CSS regels.

 

Bootstrap 3

Bootstrap 3

Wat is Bootstrap?

Bootstrap is een gratis open source framework waarmee je makkelijker websites kunt ontwikkelen. Het is een verzameling hulpmiddelen. Het bevat standaarden voor HTML en CSS. Daarmee kun je lettertypes, formulieren, buttons, navigatie en andere interface elementen sneller stylen. Ook kent het, als misschien wel de belangrijkste functie, een grid waarmee de lay-out van je website responsive te maken is. Daarnaast bevat Bootstrap een heel aantal jQuery plugins om bijvoorbeeld dropdown menu’s te maken.

responsive skipov

Scholengemeenschap Skipov

Voordelen van Bootstrap

  1. Sneller ontwikkelen
  2. Veel standaard elmenten, deze zijn met een override aan te passen naar eigen voorkeur
  3. Responsive layouts zijn standaard door gebruik van een slim grid
  4. Werkt goed samen met andere standaarden zoals jQuery, LESS etc.
  5. Open Source, met een grote gebruikersgroep
  6. Ondersteuning voor moderne en iets oudere browsers

Nadelen van Bootstrap

  1. Het gevaar bestaat dat websites teveel op elkaar gaan lijken omdat ze dezelfde standaard elementen gebruiken. Laat in dat geval de creativiteit van onze vormgever hierop los ;-)
  2. Wat zwaar om te laden. Er is veel mogelijk wat niet in elke website nodig is. Je kunt dit wel aanpassen door je eigen set aan Bootstrap functies samen te stellen.
  3. Je moet leren om met Bootstrap te ontwikkelen. Net zoals elk framework heeft een het leercurve waar je even doorheen moet als ontwikkelaar.

Ontwikkeld door Twitter

In 2011 is Bootstrap uitgebracht als framework door de mensen van Twitter. Sindsdien is het flink ontwikkeld. Momenteel werken we met Bootstrap 3. Zelf zeggen ze: "Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web."

Lees meer over het Bootstrap framework op getbootstrap.com

Alternatieven voor Bootstrap

Uiteraard is Bootstrap niet het enige framework wat je zou kunnen gebruiken. De verschillen zitten in beschikbare functionaliteit, laadsnelheid, gebruiksgemak, populariteit en persoonlijke voorkeur van de ontwikkelaar.

Buro26 demo van Bootstrap grid

Speciaal voor vormgevers waar we mee samenwerken hebben we het grid van Bootstrap gebruikt om de breedtes in pixels inzichtelijk te maken. Ook kun je het gedrag van blokken in verschillende responsive kolommen bekijken.

http://demo.buro26.nl/bootstrap/