Landing page meesterberry.nl

Aansluitend op de vernieuwing van mijn eigen site www.tranceform.eu, is nu ook MeesterBerry over. Voor hem heb ik een landing page gemaakt, en het is leuk om te zien hoe totaal anders die is vergeleken met mijn eigen site.

Met deze tweede site en de aankoop van Sparkle Pro ben ik nog blijer geworden van Sparkle app!

>> Bekijk www.meesterberry.nl

Wie volgt? Sparkle app is niet gebaseerd op templates, zodat iedere site volledig naar jouw wens kan worden gebouwd.

Nieuwe site, gemaakt met Sparkle app

Onlangs heeft Adobe de stekker uit de web-editor Muse getrokken en besloten om er ook geen opvolger voor te maken. Helaas, want ik werkte er sinds 2013 met veel plezier mee. En voor die tijd met haar voorgangers GoLive en PageMill, dat was ergens deep in de nineties. Zoals alles verandert, moest ik nu dus een radicale switch maken. Na een uitputtende studie en veel tegenvallende probeersels kwam ik uit op Sparkle app.

 

Sparkle wordt in reviews nog een “ruwe diamant” genoemd. Volgens de kenners veelbelovend, maar nog niet helemaal af. Toch kon ik hiermee mijn Muse site zonder al te veel hoofdbrekens nabouwen op een prettige en leuke manier.

Niet alleen van het resultaat, maar ook van de interface en de ondersteuning word ik heel erg blij. Eigenlijk ben ik Muse al vergeten. Zo zie je maar weer: ieder einde is een nieuw begin.

Niet alleen mijn site, ook mijn Plan van Aanpak is vernieuwd. Wat blijft is het werken volgens de principes van de kosmische dag. Dat betekent:

* open agenda
* heldere en directe communicatie
* realistische doelen en planning
* concrete afspraken en acties
* enthousiasme en plezier

Spreekt mijn aanpak je aan, dan hoor ik dat graag!

Samenwerken volgens de principes van de kosmische dag

Al bijna 20 jaar ben ik betrokken bij het Wholism Project, waarvan sinds 2011 als Project Partner. Het Wholism Project is een spiritueel geleid Project met het doel om mensen, dieren, planten en moeder Aarde te helpen bij de overgang van de kosmische nacht naar de kosmische dag. Hier kun je meer lezen over deze grootscheepse en radicale verandering van “life as we know it”: Het verschil tussen kosmische nacht en dag.

Vanwege mijn betrokkenheid bij het Wholism Project, kan het niet anders dan dat dit ook een invloed heeft op mijn manier van samenwerken. Jaren geleden vond ik het al veel leuker om een logo of huisstijl te ontwerpen in nauwe samenwerking met de klant, dan dat er werd gezegd “verzin jij maar wat” en dat het eerste schetsje zonder slag of stoot werd geaccepteerd als eindresultaat.
Ook werd me weleens gevraagd om een website te maken en keek de klant mij wazig aan als ik vroeg wat erin moest komen te staan. Onder andere hierom heb ik in 2014 het "Plan van Aanpak” geschreven. In dit document staat mijn werkwijze uitgelegd, maar ook andere zaken waarmee je te maken krijgt als een huisstijl en/of website wil laten maken.

Bij de twee laatste twee opdrachten merkte ik dat deze vanzelf verliepen volgens de principes van de kosmische dag. Dat betekent:

• open agenda
• heldere en directe communicatie
• realistische doelen en planning
• concrete afspraken en acties
• enthousiasme

Omdat in tegenstelling tot de “men vraagt en wij draaien” werkwijze het traject niet muurvast ligt, staat vertrouwen in elkaar en in het project voorop: een basis van “samen komen we er wel uit”. Dat vraagt om openheid over en weer, bijvoorbeeld in geval van twijfels aan de haalbaarheid of als de plannen ineens veranderen.
Op die manier gaan we een proces in met als doel het meest optimale eindresultaat. Hierbij wordt zo goed mogelijk gebruik gemaakt van ieders ervaring, kennis en kwaliteiten en niet te vergeten van het plezier om samen iets neer te zetten.

Als je begeleiding of uitvoering van een communicatieproject nodig hebt en deze werkwijze spreekt je aan, lees dan verder in mijn Plan van Aanpak.

Iedereen aan de SSL certificaten?

Met ingang van 27 oktober 2017 gaat Google Chrome bezoekers van onbeveiligde websites (HTTP sites) vaker waarschuwen. De melding “niet veilig” zal verschijnen wanneer de bezoeker:

• een invoerveld invult
• een wachtwoord moet invoeren
• surft in de incognito modus

Wat betekent dat voor jou?

Als jouw site geen formulieren bevat of een gedeelte waarvoor de bezoekers moeten inloggen, denk je misschien dat het wel losloopt. Maar of bezoekers de incognito modus inschakelen om anoniem te surfen, heb je niet in de hand en kun je evenmin controleren. Zij krijgen ook zonder invoervelden of wachtwoorden de melding dat jouw site “onveilig" is. Zo´n waarschuwing ziet er niet bepaald uitnodigend uit, zodat een bezoeker kan afhaken.

Google Chrome is op dit moment een veel gebruikte browser en ook Firefox geeft dergelijke waarschuwingen. Zoals vaker gaat met dit soort ontwikkelingen, zullen andere browsers volgen. Bovendien geeft Google Search ook nog eens de voorkeur aan beveiligde websites, waardoor je met je HTTP site lager in de zoekresultaten belandt dan jouw conculega´s met een HTTPS site.

Wat is er precies onveilig aan jouw site?

Van een HTTP site weet de bezoeker niet of jij bent wie je beweert te zijn, met andere woorden: of jouw domein nog wel jouw site bevat en niet die van een hacker, om op die manier jouw gegevens te ontfutselen. SSL is een techniek die de verbinding tussen site en bezoeker zodanig versleutelt dat dit niet kan. Daarom zie je al langere tijd een slotje voor de URL van bijvoorbeeld je bank en als je een webshop bezoekt, maar door deze nieuwe ontwikkeling wordt HTTPS praktisch een standaard vereiste. 

Wat moet je doen om deze waarschuwingen te laten verdwijnen?

Op websites met een SSL certificaat verschijnt de waarschuwing niet. Om van je site een beveiligde HTTPS site te maken, moet je een SSL certificaat aanschaffen. Het beste kun je bij het hosting bedrijf (waar jouw site op de server staat) informeren of zij SSL certificaten kunnen leveren en installeren. Er zijn meerdere bedrijven die certificaten kunnen leveren maar de installatie moet gebeuren op de server, dus door het hostingsbedrijf of via hun Control panel.

Een SSL certificaat gaat per domeinnaam en kun je voor 1 of meerdere jaren aanschaffen. In de meeste gevallen zul je, net als ik, aan een simpel certificaat (Domein validatie) voldoende hebben.

Voor organisaties en bedrijven zijn er uitgebreidere certificaten. Bij Organisatie validatie worden de bedrijfsgegevens gecheckt en bij Uitgebreide validatie gebeurt dit nog grondiger, o.a. bij de Kamer van Koophandel. Dan ziet het er als volgt uit:

Tot slot
De afgelopen dagen heb ik mij in dit onderwerp verdiept en heeft Hostingswijzer.nl, waar mijn site staat, het SSL certificaat voor tranceform.eu geleverd en geïnstalleerd.
Ik ben dus geen SSL specialist maar ingeval van vragen mag je me natuurlijk mailen, wie weet kan ik je op weg helpen met mijn ervaring.
Ook mijn Plan van Aanpak voor een website is aangepast aan deze nieuwe ontwikkeling.

Nieuwe site

Vergeten te melden, maar de afgelopen maanden moest uiteindelijk ook mijn eigen site er aan geloven. Helemaal nieuw, kilo's en tinten lichter: www.tranceform.eu. Gebleven zijn de publicaties in PDF formaat, waaronder het bijgewerkte Plan van Aanpak. Dit kan je helpen om je ideeën helder te krijgen als je een site of een huisstijl gaat maken of wilt laten maken.

Site voor Berry

Na het moderniseren van Hennie’s site, was ook Berry aan de beurt voor een one page scroll Muse site. Vergeleken met het kleurrijke en visuele spektakel bij Hennie is dit een beknopte, strakke en zakelijke presentatie.

Opmerkelijk is dat de looks nauwelijks veranderd zijn, eigenlijk heb ik de bijna 10 jaar oude Go Live versie bijna exact nagebouwd. Ook toen al hebben we stukjes informatie, Berry’s CV en persoonsbeschrijving, opgenomen als downloadbare PDF’s. Een paar jaar geleden heb ik hetzelfde systeem op mijn eigen site toegepast voor een aantal onderwerpen en onlangs bij Hennie voor een Catalogus.

 
Klik hier voor meer voorbeelden

Nieuwe site voor Hennie

Websites moet weleens vernieuwd worden en deze keer was de vermaarde Haagse kunstenares Hennie van Diest aan de beurt.

 

De voormalige site was al bijna 10 jaar oud, waardoor de foto's van de schilderijen anno 2015 veel te klein waren geworden. Ook de huisstijl was hard aan vernieuwing toe.

Afgelopen zomer hebben we nieuwe foto's gemaakt en die in de afgelopen maanden verwerkt in de nieuwe one-page-scroll Muse site, al even kleurrijk als de vorige site. Nieuw zijn de alternate layouts voor tablet en mobiele telefoon, hier nader uitgelegd.

Hier een kleine impressie, maar je kunt het natuurlijk beter op ware grootte gaan bekijken: www.hennniediest.nl.
Bij de schilderijen die nog te koop zijn, staat de prijs vermeld en er is ook een Catalogus in PDF-formaat waarin deze allemaal bij elkaar staan.

En een open deur natuurlijk, maar als je ook je werk wilt presenteren op deze manier, laat het weten!

Toegankelijkheid van websites op tablet en telefoon

Omdat websites steeds vaker niet alleen op computerschermen ook op mobiele telefoons en tablets worden bekeken, is het logisch dat er bij de bouw van een site nagedacht wordt over toegankelijkheid van de site op alle apparaten. Het toverwoord is “Responsive design” waarbij de site zich automatisch aanpast aan het apparaat waarop de pagina’s worden geladen. Maar de verschillen in schermformaten en resoluties zijn enorm. Daarbij gaat het niet alleen om de laatste modellen die nu in de winkel liggen, maar ook om oude meuk die nog steeds gebruikt wordt.
Het is een illusie om te  denken dat zo’n “one size fits all” de site optimaal zou kunnen weergeven op zowel een oude iPhone (320x480 pixels) als op de nieuwste iMac met een 27 inch scherm (5120x2880 pixels).

De enkelvoudige responsive site blijft gericht op een computerscherm, met de complexiteit van dien. De elementen ervan gaan zich geheid raar gedragen op een klein telefoonscherm. Daarbij moet zo’n hele site worden geladen via de vaak langzamere verbinding op telefoons.

Muse’s alternate layouts

Adobe’s Muse heeft een geheel andere benadering: alternate layouts. Als je het in een hokje wil stoppen is het een soort van “Adaptive design”, het alternatief voor “Responsive design”. Nu ben ik een enorme fan van Muse, dus niet helemaal objectief, maar ik vind er wel wat voor te zeggen om de enorme variëteit aan schermen op te delen in drie categorieën. In Muse heb je naast de gebruikelijke computer layout de keuze om alternatieve layouts toe te voegen voor tablet en telefoon. Deze layouts, omgezet in aparte html-pagina’s, worden automatisch weergegeven op de betreffende apparaten, overigens gewoon onder dezelfde domeinnaam.
Door de aangepaste layout is de weergave veel optimaler dat een enkele site voor alle apparaten kan zijn. Daarbij kun je de inhoud aanpassen aan de specifieke functie van het betreffende apparaat. Tablets hangen er letterlijk en figuurlijk tussenin, maar op een telefoon is gerichte informatie voor onderweg (zoals een belknop en een ingebedde Google maps plattegrond voor het bezoekadres) zinniger dan de hele site in een klein scherm te proppen.

Wel meer werk

Responsive design heeft het grote voordeel dat er maar een enkele versie van de site is. Ook al wordt die niet overal vlekkeloos weergegeven, bouwen en wijzigen is als vanouds enkelvoudig. De alternate layouts van Muse zijn aparte pagina’s en dit brengt extra werk met zich mee, zowel in de bouw- als de onderhoudsfase. Ga je net als ik mee in Adobe's filosofie van de specifieke functie van de mobiele versie, dan is de telefoon layout het probleem. Deze is vooral gericht op onderweg en daardoor beknopt.

 Maar op een tablet kan de bezoeker wel degelijk rustig lezen en dus zul je je content ook daarop aan willen bieden. Uiteraard kan er veel worden gekopieerd en geplakt uit de computer versie, maar het omzetten naar de tablet layout is een flinke klus die eigenlijk niet onderdoet voor een geheel nieuwe website bouwen.

Heb je veel dynamische content, dan is dit weer eens te meer een reden om deze goed te scheiden van de pagina’s met meer eeuwigheidswaarde, want ook wijzigingen zul je in beide layouts moeten aanbrengen.

Een nieuwe lente, een nieuwe site

Om de updates van Muse een beetje bij te houden, heb ik de  Trance Form site maar weer eens onder handen genomen. Meer plaatjes en minder praatjes, horizontaal gericht en "one page scrolling".

Laat me weten als je ook zo’n site wilt. Of een andere, want Muse heeft heel veel mogelijkheden om jouw info op een passende en overzichtelijke manier te presenteren op computerscherm, tablet en mobiel.

Vakantie en nog eens vakantie

Hoewel ik nog niet helemaal bijgekomen ben van het eiland-hoppen, is de volgende “vakantie” alweer in zicht. Vanaf 8 juli aanstaande heb ik proefverlof van het “gekkenhuis zonder muren” en kom ik het Haagje weer onveilig maken. Hier nog een foto uit de oude doos, het Piratenfeest van afgelopen september. Als je er niet helemaal uitkomt wie wie is, girls will be boys and boys will be girls :-)

Ondertussen heb ik mijn website weer eens gerenoveerd en verhuisd naar het eu-domein. Er is niet zo heel veel nieuws onder de zon, behalve de afdeling Wholism Project.