PinkPot : Branding + Web Design

Complete step by step process of the branding + design for my brand - PinkPot

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:

Inspiration:

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!

Complete step by step process of the branding + design for my brand - PinkPot

Logo:

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”.

Complete step by step process of the branding + design for my brand - PinkPot

Style Guide:

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.

Complete step by step process of the branding + design for my brand - PinkPot

Photography:

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.

Complete step by step process of the branding + design for my brand - PinkPot

Web Design:

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:

Complete step by step process of the branding + design for my brand - PinkPot

Web Development:

This phase was definitely the most hardest and time consuming. I was moving over from Blogger to Wordpress and there were many logistics that had to be taken care of. I coded everything on Wordpress using Javascript, HTML & CSS to get the exact look and feel I was going for. Having the web pages designed in detail during the web design phase was super helpful and saved me from having to make a lot of changes during the coding phase.

Complete step by step process of the branding + design for my brand - PinkPot

Content:

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.

What are your thoughts on my new website? Also are you planning a new launch soon?