How long it took
Add to your reader

A website for our little projects.

The thought:

How do we create a website that showcases the little projects with big impact.

Katy:

Design
Development
Front end

Jesper:

User Testing
Front end
Development

How long it took

9 Days

Our little projects needed a platform that could impress, winning us attention in it’s own right, but it also has to fulfil it’s number one function - to showcase the projects at their best.

The homepage was essential to the way in which the projects are to be launched, one by one each project must become center stage and having only one project to start with the homepage could not be left looking empty on launch day. So the idea of giving each project the foremost position and importance without loosing the others became the task.

Step 1. A few scribbles on an iPhone in the pub became the basis of some initial designs.

Step 2. The failings of the first design revealed that our little projects needed it’s own style and character to be more thoroughly developed. Some more scribbles and research led to the current iteration. It was to be fun, light and clear.

our little projects
our little projects

Step 3. When it came to building the site the choice was simple, no really, we built it with Kirby a super simple file based CMS. There are no unnecessary elements to Kirby which is what we needed to keep it light and clear and do all the talking with our front-end css.

Step 4. We wanted to do some really delightful stuff with our css so we set about testing a few ideas in codepen. You can find our nav bar here and our button here.

Step 5. After we launched our first project we saw how many users were visiting on mobile and so decided it had to be mobile friendly too. We did everything we could using media queries and browser specific css to make our little projects work on all platforms and sizes. (Though we have no method of testing on Android or IE so if you can lend a hand with that do contact us).

our little projects

comments powered by Disqus