Portfolio Site - Web Design + Copywriting
MY PORTFOLIO SITE GETS PRETTY AND PERSONAL
Not too long ago, it was considered arrogant, downright narcissistic, to have your own personal site. Today, the world (and recruiters) judge you on your last 140 characters or less. So having a strong digital presence, has gone from, no way, to no doubt! Today it’s a necessity, to build your personal brand. And so what better way, to show off (I mean show case) my work, and ability, than to design my own personal site. People get to see both my personality, and (more importantly) my portfolio. It also allows me the platform I need, to establish myself as a though leader - by penning my own blog. This way I get to control the conversation that the world has about me. Now, there’s no way, nor any doubt, that my personal brand, is being written the right way.
 
*STICKY NOTE
Though my process focuses on mobile first responsive design, I’ve chosen to begin this project with explanations and elaborations using the desktop elements of the site. Beginning with the larger desktop version affords an elevated view, so that one can see the entirety of the project.

LIVE SITE
WEB DESIGN WORK FLOW



CREATIVE PROCESS
1. DREAM
All great ideas start in the subconscious.
This is where my concepts are conceived.
Born from insight and imagination.
2. DESIGN 
Great impressions are hard to come by.
Which is why I ensure that every project
becomes a magnetic invitation to clients.
3. DELIVER
I believe that credibility is the greatest currency.
Results build reputations. And I’ve built mine by 
delivering on time - every time.


DESIGN PHASE
FINAL SITE ELEMENTS


SITE CONCEPT
I set out to design a site that reflected my own personal design philosophy: Communicate. Don’t decorate! I then streamlined the most essential functions that I needed the site to perform, and tossed out everything else.

These bare essentials were:
•  Showing my latest (and greatest) work.
•  Telling the world a little bit about me.
•  Launching my own blog – Cos I've got things to say.
•  Allowing people the opportunity to download my CV & Portfolio.
•  Establish an easy point of contact on the world wide web.
​​​​​​​
The design style I finally settled on focused on clean, minimalist and flat design elements being used throughout the site. This creates a timeless look and feel of simple sophistication.
WIREFRAMES
Once my concept and design principles are put in place, I start sketching out wireframes for the site. This typically involves:

• Choosing a Grid System – I’m not a huge fan of the popular 960 system. I feel that it’s far too small for desktops and you can’t fit as much content into it. Though it is responsive, one would still have to go back and optimise for mobile anyway! I prefer the 1000 pixel grid system. As that leaves enough room on either side for even the smallest laptops like Apple’s new Macbook etc. and can accommodate more content.

• Information Architecture – After setting up my grid I move on to laying out the information architecture of the page. I wanted to use the famous Z type lay out, along with other cool design tricks like a sticky menu header, creating a better UX. I also ditched the home page! Slick UX gets straight to the point.
Home / About Page
Portfolio Page
Blog Page
COLOUR PALETTE
Due to its minimalist concept, I wanted to accentuate this with muted, neutral tones. I thought that a black and white theme, would be too minimalist and a little clichéd. So I went with very muted pastel shades of greys and blues for icons and buttons. For the background you’ll see a simple shade of grey, with a little texture used, instead of the sterile white. The bold, black text also contrasts nicely against this. Here and there, a splash of red is thrown in, for elements of emphasis. Overall the palette creates a classic, chic feel to the site.
TYPOGRAPHY
To maintain this chic feel, I paired classic looking Serif fonts, for headlines with clean, thin sans serif fonts for body copy. This was so that the headlines stood out, from a look and feel point of view, and so that the body copy looked light on the page, and was easy to read.
FINAL SITE MOCK UPS
ABOUT PAGE
PORTFOLIO PAGE
BLOG PAGE
CONTACT POP UP
Thank you for taking the time to view this project.
 Hitesh Jinabhai
Portfolio Site - Web Design + Copywriting
719
14088
23
Published:

Portfolio Site - Web Design + Copywriting

Not too long ago, it was considered arrogant, downright narcissistic, to have your own personal site. Today, the world (and recruiters) judge you Read More
719
14088
23
Published:

Tools

Adobe Photoshop
Adobe Illustrator

Creative Fields

Copyright Info

Attribution, Non-commercial

Read More