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 you an elevated view, so that you 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
CONCLUSION:
The basis of any successful digital strategy is a great site. A home (if you will) for the brand in the digital space. Here, everything that you need to learn about me, is housed. And it also links to other social spaces, where more of my personality, digital and physical can be seen and heard. This site really makes me proud. Because when you visit it, you see a true reflection of who I am as a creative. As well as my (incredibly good) taste and (dexterous) ability. It’s all in here. My digital DNA, crafted and conveyed through pixel perfection.
Thank you for taking the time to view this project.
 Hitesh Jinabhai
Portfolio Site - Web Design + Copywriting
710
13864
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
710
13864
23
Published:

Tools

Adobe Photoshop
Adobe Illustrator

Creative Fields

Copyright Info

Attribution, Non-commercial

Read More