PinkPot : Branding + Web DesignDec 19 2015
I am definitely a bit late with this, but its better late than never – isn’t it? PinkPot underwent a complete brand and design overhaul a couple of months ago, and it was quite an endeavor. Planning and executing the branding + design process systematically really helped the transition go smoothly and saved me a lot of last minute headaches.
Today I am sharing the behind the scenes of the rebranding process step by step. If you are planning a new website launch or a rebrand for the new year – I really hope this post comes in handy and you can takeaway a few pointers for your own process:
As with all creative projects, I first started off with gathering inspiration for my new brand via a secret Pinterest board. While pinning, I made sure to include content that aligned with my mission, values, aesthetic and style. After accumulating a good chunk of pins, I refined the board and narrowed down to this mood board. My design mantra is minimalistic with a pop of color and I wanted to make sure my new brand and website reflected that instantly!
For the logo, I wanted something very friendly and approachable yet minimalistic. To bring in the friendly vibe, I decided to incorporate my hand – lettering in the logo. After trying different options and combinations, I decide to go with my hand lettered “P” with a very minimalistic and refined type for “I N K P O T”.
Consistency being of prime importance with respect to branding, I created a brand style guide that would help me stay consistent and aligned with my brand at all places and times. I chose bright primary and accent colors that reflect the cheerful and approachable vibe of my brand and added in some muted and subtle background and secondary colors to balance the palette. I also used some fun icons from Font Awesome throughout the design to indicate certain features.
Along with design, photography is an integral part of both my blog and business, so I wanted to incorporate and highlight that through my website. I used photography as a part of the design to convey the feel and message of my brand in many places. For e.g. I sprinkled a few workspace images in the about & work with me pages. I also used images to denote the blogging categories in the about page etc.
Once I had all the brand identity elements ready, I moved onto designing the website on Adobe Illustrator. In the first stage, I created wireframes for each of my pages and in the second, I transformed them into exact web page mockups. Here is the mockup of my work with me page:
Writing content for the website pages is something that I’ve never really spent time for in the past. But its so important to write attractive and interesting copy for all the pages on the website. So I set apart a couple of days exclusively to create the content for my website pages : About, Work With me and Creative Convex. This prevented me from simply putting together something in a hurry without thought. I carefully crafted the copy for each page keeping in mind the mission and core values of my brand.
Ah, that was long! Being systematic and setting a timeline for the project really helped me stay on track and get everything done in time. It took me over a month, but I am completely satisfied with my new brand and website.