Archive images of the Factif website and the supplied Sufficio design
Getting started at Factif
My internship at Factif in Deventer ran from September 2018 to January 2019. I started in the frontend templates of ShopMaster, the e-commerce platform the agency used for clients. Part of that work was the move to Foundation.
After about six to eight weeks, I was given responsibility for the frontend of the new company website. I had started programming earlier that year.
From desktop designs to a working website
I built six page types: the homepage, blog index, blog articles, contact page, work index and individual project pages. I used Foundation for the layout and jQuery for interactions.
There were no tablet or mobile designs. I decided how elements should stack and how text and images would stay readable. The angled client-work section and the index with more than thirty image tiles also had to work on smaller screens.
The content came from ShopMaster CMS. The pages therefore had to accommodate longer titles, varying amounts of text and new projects.
- The visual design was supplied. The backend, CMS, SEO and content were outside my assignment.
The blog index
The blog index design arranged articles in groups, with cards of different sizes. The CMS, however, delivered the content as one flat sequence of p elements. It lacked the structure needed for that layout.
I first investigated whether I could derive the grouping in the frontend. When that proved unreliable, I discussed it with the backend team. They adjusted the CMS output, after which I could build the layout.
Paid client work: Sufficio
After my internship, I stayed at Factif in a paid part-time role as a junior frontend developer until September 2019. During that time, I built the complete frontend of Sufficio, a client website with many pages organised around multiple modules.
I worked from supplied desktop designs and worked out the mobile layouts and interactions myself.
Each module had its own area, colour and hero. The design lacked a clear route back to the main website, so I added a button labelled 'Terug naar startpagina' (Back to homepage) in the top left.
About five years in use
The Factif website went live in the second half of 2018 and was replaced in the second half of 2023. The frontend I built therefore remained in production for about five years.