Paper Mockups

My personal website needed an update, so why not redesign from scratch?

Title Page

Title Page

Project Portfolio

Hacker Page

Blog

Dreamer Page

Contact and Links

Doer Page

Version 1.0

I'm using Fullpage.js for the nice scrolling effect. I'm particularly proud of the contact form, which I designed with inspiration from Google's material design inputs. In fact, I stole the textarea-autoexpand from Materialize.css. I have no idea how it works yet. No blog yet. Expect that to come next month.

Version 2.0

Okay, so I forgot about small screens. Next step, redesign for a wider range of screen sizes. Currently in progress.

Here are some mockups of what it'll look like on a phone.

Title Page

Title Page

Project Portfolio

Hacker Page

Blog

Dreamer Page

Contact and Links

Doer Page

Version 3.0

Coming Soon! This is the part where I will integrate my blog.

Built With

Share this project:
×

Updates