Daniel Owen's profile

My Portfolio Website with Responsiveness in mind

Building my Portfolio Website
with Responsiveness in mind
This year I have taken the time to learn HTML & CSS as well as the Bootstrap Framework to finally make myself a website to showcase my work and skills as a Graphic (and hopefully) a Web Designer.

I wanted something that was minimal and unique, whilst keeping to my own design styles and aesthetics, but also with mobile devices in mind seeing as we are slowly getting to a point where Desktops and Laptops are slowly losing the market share of internet usage.
Step 1: Wire-framing and planning
Below are the original is the original concept behind the website, including how I originally planned for it to function. both on desktop and mobile views. I used Mockflow to get this all done mainly because I just love how the UI is and that I can put something together that looks clean and professional almost effortlessly!
I also used Mockflow to put together a Style guide that I planned on keeping to throughout this project. I chose the colours as a nod to the CMYK colours that are used throughout printed media (that and they're a lot nicer on the eye than a strong and bold RGB)

The Typefaces used throughout this website are ones that I use a lot in personal projects as I love how they compliment one another and that they're easy to read whilst clearly establishing that one is a Heading typeface and that the other is one that is used for everything else.
Final Results
Above is the Website in is almost finished state (Some Media Queries still need to be addressed) but once that is all done it is going to be live for the world to see *gulp*
My Portfolio Website with Responsiveness in mind
Published:

My Portfolio Website with Responsiveness in mind

Responsive Web Design

Published:

Creative Fields