WITEFRAME is a mockup of a webpage or an app. It only shows basic building blocks. To see this site in WIREFRAME mode, flick the switch.
EL SAMPO Digital.

Naisten kaupunki markkinointi ja kustannus Oy - website


NK mobile website
Screenshot Screenshot


Well, goal was to build a very simple website with a little corporate touch. Fully responsive of course.


This was the first project I set up by myself, completely solo, with Django/Mezzanine. Pretty much every step needed Stack Overflow time or going through some tutorial. Frustrated with previous project using this CMS I used ZERO hard coded content in this one. So all content inside body-tag comes from database and can be edited anytime instead of going through the whole release cycle. Groovy.

Like always, we go tech first. Meaning that that we use tech limitations to determine what is cost effective, will still look good and most importantly WORKS! For starters I made very simple three page lay-out with Adobe Illustrator. Then gave this lay-out to in-house designer to add the well needed touches.

Going by front end person doing the lay-out first reduces the amount of time spent trying to figure out what will happen to elements between screen sizes. I truly believe that this approach is the way to go. So, after getting the designs back it took me minimal time to finish off the site.



  • Twitter Bootstrap 4
  • Mezzanine
  • Django
  • FontAwesome
  • Adobe Illustrator
  • Webstorm
  • Javascript
  • HTML5
  • SCSS
  • CSS3
  • jQuery
  • Git
  • Google Analytics
  • Snoobi


  • Eurovision
  • HP
  • Microsoft
  • Philips
  • Rexel
  • Rubicon
  • Samsung
  • Switzerland tourism
  • TomTom
  • Tropical sun