2021 started with a rush. I got swamped with requests for different projects. Now that things have slowed dow a little, I thought I’d share some of these projects I recently worked on. Some of these would actually deserve a much bigger case study, but I might do that at a later time.

Huis.ke

I got hired in fall of 2020 to design the logo, brand and website for a local startup named Foxcode, which was later renamed Huiske. The re-branding project lasted two months and during that period we kept in direct contact via Telegram. We went through several logo design iterations with the customer, finally landing in the following design which symbolizes connectivity, agility and ofcourse the company’s first initial.

Around this I built a brand guide consisting of logo specifics, colors, typography and patterns.

After this we started to plan the website. The company didn’t have many cases they wanted to put on display, so the plan was to create a small single page website which in short explained who they were, what their values are, what they do and showcase what they’ve already done. With contact information ofcourse.

I ofcourse started with wireframing and once that was cleared I moved on to the final design.

I wanted to use the same technology stack as the company itself was using, so I ended up with Nuxt.js (Vue.js) for the front-end, and Strapi (Node.js) for the back-end. These worked out perfectly and using Vue.js helped me expand my knowledge with the framework, while Strapi was a learning experience to a new CMS platform written in Node.js.

To make the website super fast I decided to use static site generation and fetch content at build time, so the website is basically a JAMStack solution. Since they wanted to host the website on their own server I had to come up with a way that allowed the server to pick up an event to initiate the build process again to pick up the latest content and code changes. So I spent a few hours writing an express.js API that allowed it. This worked both for Github actions (code) and webhooks (content). Github actions could’ve been replaced with a proper deployment pipeline, but I felt it to be a little overkill at this time.

The final result can be seen at huis.ke .

Lantrek Online 2021

Due to COVID-19 the gaming event was held online, 4th - 7th of March, this year. 2021.lantrek.org was successfully launched on the final day of January. The website uses headless Wordpress as an API for content, with Nuxt.js powering the front-end.

Assembly.org

I was hired to re-develop the assembly.org event website late last year. Their website was previously running on Contentful, but had become a bit complex and expensive, so they wanted to shift to Wordpress. I worked on this project for a month with a designer, and used Frontity (React) as a front-end solution, and headless Wordpress as the back-end. The website contained some interesting features such as having a calendar-like scheduled for event days, linked to programs and streams.

assembly.org

Assembly Studios

Continuing from Assembly.org , the company was also launching a website which promotes and showcases their marketing work. The design I was given was a single page website, and they asked me to use Wordpress for the back-end.

This time I picked Next.js (React) as a front-end solution, because it’s much faster to develop with than Frontity. I had to build some interesting custom post types for Wordpress, so the customer had full control of the content on the website.

Assembly Studios website .