Steezy Webpage

This brand is a communication design student’s graduation project. He contacted me to help designing and implementing his website. I begin by asking him questions about the brand identity and motiff. Along with that, he provided me a CI document for the do’s and don’ts, the allowed color palette, the typeface to be used. He wants the website to be a simple minimalistic website, with references like supreme; another steet brand that he take lots of inspiration from.

I identified 2 themes that I can use as a motif for the website:

1. Motions: Skateboarders and motions are like bread and butter. When picture skateboarding, you see a blurry figure zooms pass by and you see them doing tricks.
2. Gritty: Skateboarding is always rough. You always take risk. You perform tricks at high speed and fall on hard, rough concrete.

Main page

I put a simple high contrast image of the brand and keep to page monotonous to keep the minimalistic style.

About page

The about page is one of the most important pages. I want to make it dynamic and interactive. So, I link the current scroll to one of the brands advertising video. As the visitor scroll down, the video plays.

Contacts page

Another thing that the brand owner mentioned was that he loves graffity and tagging. So, in the contact page, the user can use their cursor to “paint” the information onto the site.

Products page

The product page is a simple, minimalistic grid with a lot of breathing room.

What I learned

I always want to try implementing fun and interactive website but my problem is I don’t have the material to fully implement one. This is a great opportunity for me to try implement quirky, unique interactivity; from simple stuff like implementing smooth scrolling, to challenging new stuffs like video on scroll, text reveal effect,