Shopify

Ik heb met meerdere webshop software pakketten gewerkt, maar sinds ik kennis maakte met Shopify heeft dat pakket mijn voorkeur. Het heeft, net als alle concurrenten, beperkingen, maar omdat het programma toe staat dat de kern van zijn code wordt bewerkt, zijn deze grenzen te verleggen. Door zelfstudie heb ik geleerd hoe ik dat kan doen en vervolgens heb ik de meeste obstakels uit de weg kunnen ruimen.

Hetzelfde geldt voor het onderhouden van de shop. Ik heb intussen zoveel ervaring, dat ik dat zelf volledig kan verzorgen. Er is geen team nodig dat met minimaal 30+ uren per maand de shop in de lucht houdt! Voor een startende shop is zo’n 15 uur per maand voldoende voor onderhoud en ontwikkeling van nieuwe functionaliteiten.

De opzet

De layouts die ik lever voor een webshop zijn responsive, er wordt dus vanaf de start ook rekening gehouden met schermen van telefoons en tablets. Verkoopkanalen kunnen gekoppeld worden aan systemen als iDeal, Paypal, Creditcard, etc. Verzendkanalen kun je zo koppelen, dat er direct verzendlabels worden geprint en dat partijen als DHL en UPS dagelijks jouw pakketten komen ophalen. Zo kun je direct meedoen met de “vandaag bestellen morgen in huis” trend, die intussen een must-have is voor iedere webshop.

Het grootste voordeel van Shopify is het gemak dat het biedt. Bij een pakket als Magento heb je een heel team nodig voor ontwikkeling en onderhoud van een webshop, naast een flinke server setup die je zelf in de gaten moet houden. En de plugins die je moet kopen om de shop goed draaiend te krijgen, zijn zeer prijzig! Met Shopify gaat het een stuk portemonnee-vriendelijker! Er zijn natuurlijk wel kosten, maar die hangen samen met je succes. Door maandlasten die per pakket van goedkoop naar duurder gaan, plus een hosting die alles al voor je heeft geregeld, kun je het pakket mee laten groeien met je onderneming. Pas als je succes hebt met je webshop, ga je meer betalen.

HTML, CSS & Javascript

Eerst even dat begrip versimpelen. Het programmeren kun je in 2 onderdelen splitsen en de namen daarvan maken al veel duidelijk. Het back-end werk bestaat uit onderdelen die zich achter de schermen afspelen. De functionaliteiten die je niet persé meteen ziet werken, die meer “onder water” de variabelen regelen. Front-end betreft onderdelen die je wel meteen ziet. Denk bijvoorbeeld bij websites aan de HTML die bepaalt wat je ziet, aan de CSS die bepaalt hoe deze onderdelen zich laten zien en eventueel aan JAVASCRIPT om wat méér te bieden door bepaalde animaties en interactiviteit.

Omdat ik mijn designs zelf wil kunnen omzetten naar werkende websites, heb ik ervoor gekozen om zelf de front-end technieken uit te voeren. Daarmee kan ik een photoshop-ontwerp omzetten naar een werkende, responsive website of webshop. Daarbij gebruik ik steeds de nieuwste technieken, omdat bij het omzetten van een design naar “iets moois” tegelijk gedacht moet worden aan bijvoorbeeld de scores hiervan in de Google zoekresultaten.

Design met Code

Dat ik zowel het design-gedeelte als de ontwikkeling zelf kan doen, maakt dat het werk veel meer opschiet dan wanneer het apart moet. Bij het design houd ik er namelijk al rekening mee dat het ook efficiënt ontwikkeld kan worden. En als het design toch door een ander wordt gemaakt, kan ik door mijn kennis van beide onderdelen aan die ander aanwijzingen geven waarmee ik daarna tot een soepele ontwikkeling kan komen

Het zelf kunnen ontwikkelen van mijn eigen designs tot een online product, geeft mijn klant het voordeel dat die niet ook nog een andere partij bij het project hoeft te betrekken. Ik heb gemerkt dat als de samenwerking wederzijds goed bevalt, bijna alle klanten ervoor kiezen om zo min mogelijk extra mensen in te schakelen..

HTML5 Banners

Als je promoties hebt lopen met banners op externe sites, dan zijn de HTMl5 banners tegenwoordig de standaard. Waar je eerder nog wel voldeed met de geanimeerde GIFS, zijn deze in bestandsgrootte al snel veel te omvangrijk en is er geen mate van interactie mogelijk. Deze bestandsgrootte wordt ineens nog maar een fractie van een GIF en je levert de mogelijkheid om er ook wat effecten in te verwerken. Simpele zaken zoals het laten bewegen van een knop als je er met de muis overheen gaat tot Javascript gestuurde, interactieve concepten.

Het andere grote voordeel is dat het een stuk 'slimmer' is omdat het kan reageren op zaken als schermformaat en omdat dezelfde animaties nu in CSS verwerkt kunnen worden i.p.v. ieder beeld renderen is de gebruikerservaring stukken beter dan eerder ooit kon.

Motion en Animaties

Hoewel deze als eenzelfde concept klinken en inderdaad op veel vlakken overeenkomen, is er toch een reden om ze los te benoemen. Dit omdat ik het, binnen de digitale marketing, zie als motion met HTML/CSS/JAVASCRIPT versus volwaardige animaties die als een video wordt uitgewerkt.

We zijn steeds sneller afgeleid nu zo veel om ons heen continue beweegt en 'leeft', met als effect dat het statische al snel vervalt in de stille achtergrond. Daarom is het in de marketing ook van belang geworden om de uitingen dynamisch te maken. Dit kan zoals met de HTML5 banners in de externe marketing, maar ook in andere web onderdelen binnen de eigen webshop / website om zo met dynamische elementen de gebruiker een bepaalde kant op te laten kijken en gewenste interactie te bevorderen.

Als je een uiting maakt die dynamisch is voor de sociale platformen dat maak ik daar video bestanden voor. Deze kunnen ook voorzien worden van bestaande video met muziek, maar het geheel kan ook geanimeerd worden met vormen, foto's, tekst en andere elementen, om zo een geheel mee te vormen rondom jouw boodschap. Deze kun je zetten op Instagram, Facebook, Youtube, Vimeo en/of gewoon op je webshop / website.