Let's build something


Have a question or want to work together?

message-me-button

Pink Alpaca

pink-alpaca-logo

Samenvatting

De website is in het leven geroepen voor allerlei leuke haakprojecten en om hier over te schrijven in haakblogs. Pink Alpaca is net begonnen als blogger en wilde een mooie site om de gehaakte projecten en blogs te laten zien. Dit was een mooie klus voor Thoughmonkey en ik had al een website in gedachten.

Het doel

Deze website gaat over haken en alles daartussenin. Alles wordt beschreven in blogs, dus we hadden een simpele, maar mooie, blogsite nodig met een eenvoudig aan te passen CMS (content manager system). Ook moesten de blogs gemakkelijk te sorteren zijn, dus besloot ik een tag-systeem te gebruiken. Dit systeem sorteert alle blogs met dezelfde tags op een andere pagina. Om dit allemaal mogelijk te maken besloot ik de JAM-stack, Eleventy en de Netlify CMS te gebruiken.

Het proces

We hadden al een globaal beeld van hoe de website eruit zou moeten zien. We wilden het simpel houden en overspoel de user niet met heel veel informatie op de index pagina. Pink Alpaca had geen logo, dus we spraken met een ontwerper en stuurden hem wat ruwe foto's om een ​​cool uitziende alpaca te schetsen.

We konden niet beslissen over het uiteindelijke kleurenpalet en de lettertypen. We konden gewoon niet beslissen wat het beste was, maar hebben uiteindelijk gekozen voor een handschrift lettertype voor de kopteksten en een eenvoudig basis lettertype voor de tekst. De kleuren waren een zachte toon en een must was dat het gemakkelijk was voor de ogen en de ogen van de gebruiker niet te veel belastte.

De algemene lay-out van de site was een basisbenadering van een blog en we hebben verschillende categorieën gemaakt om de berichten op te laten vallen.Bovenaan de website zijn er drie grote knoppen die alle blogs in hun categorieën laten zien.

En last but not least hebben we een persoonlijke about-pagina toegevoegd met wat achtergrondinformatie over de eigenaar van de website en een contactpagina.

Technisch

Voor het blogsysteem kies ik wederom voor de eenvoud, maar krachtige, JAM-stack. Ik ken dit systeem en kan er snel een blog website van kunnen bouwen. Bij de JAM-stack kies ik ervoor om de CSS in SASS te schrijven en de templatetaal Nunjucks.