New in Portfolio: Brand and Website Design for Agent Athletica

Jun 27 2016

 

My branding and web design process for Agent Athletica - Suzanne by PinkPot Design Studio!

I started my design business around 9 months ago and since then I have been so blessed to work with amazing, passionate creatives on designing their brands and websites. Today, I am excited to share my recent work for Agent Athletica, a popular fitness and active lifestyle blog written by Suzanne. When Suzanne reached out to me in January, one of the first things she mentioned was that there weren’t many blogs in her niche. And to me, that was a total plus point. There weren’t a lot of blogs that did exactly what she did and it was an exciting challenge to design her brand as I could experiment a lot with the creative direction but also had to do it in a responsible way!

Inspiration:

Before we started with the design process, I sent a branding questionnaire to Suzanne. One of the questions in the questionnaire that was key to my entire process was the 5 main adjectives that she would use to describe her brand. I loved the words she came up with:

Balanced, Vivacious, Polished, Intelligent, Professional yet approachable.

From there I created a mood board to guide the entire branding process. Suzanne put together a beautiful Pinterest board from which I pulled out inspiration for the mood board. I took note of similarities between the pictures she pinned in terms of colors, patterns and overall vibe. I saw a lot of geometric patterns, hues of blue and very fresh vibes which I used a lot throughout her brand design. Here’s the moodboard:

My branding and web design process for Agent Athletica - Suzanne by PinkPot Design Studio!Logo Design:

One of the words that struck me a lot as I moved on to designing her logo was geometry. Suzanne’s personal style has a lot of stripes and geometric designs which I wanted to reflect in the brand. Also as I looked through her content and Instagram feed, I saw that she absolutely loved hiking in the mountains and being outdoors which was major driving factor for her content and brand. I started sketching out different options on paper to get my ideas out. After I was satisfied, I digitized my sketches and created the icons in Adobe Illustrator. Here are few of the different logo options I came up with for her brand:

AA_LogoConcepts_v1.1_CS6-Round-2Suzanne decided to go with the first option and I thought it was perfect. The snow capped mountain perfectly combined the letter A, geometry and and her love for hiking. For the name, I chose a very geometric font called Intro to go with the balanced theme of the brand.

AA_LogoConcepts_v1_CS6Font and Color palette:

Based on the freshness of her moodboard, I picked out hues of blue, green and ash purple for her color palette. For fonts, we choose Brandon grotesque which is a beautiful, geometric sans-serif font and for the body copy, we went with Georgia, a very easy to read, serif font.

My branding and web design process for Agent Athletica - Suzanne by PinkPot Design Studio!Collaterals:

I created three collateral pieces for Suzanne’s brand:

Blog post templates:

I came up with two blog post templates for Suzanne’s content, one with a background image and one without. Here’s how they turned out.

My branding and web design process for Agent Athletica - Suzanne by PinkPot Design Studio!Business Cards:

I kept the business card simple and straightforward to highlight the logo.My branding and web design process for Agent Athletica - Suzanne by PinkPot Design Studio!

Media kit:
Suzanne works with a lot of fitness and fashion brands through her website and so I created a media kit to include her brand details, stats and demographics for potential collaborations.

My branding and web design process for Agent Athletica - Suzanne by PinkPot Design Studio!Website design and development:

Once we had the brand design out of the way, we moved to designing her website. I created wireframes and mockups for each page on Adobe Illustrator to guide the website development process.

My branding and web design process for Agent Athletica - Suzanne by PinkPot Design Studio!

Once Suzanne gave a go on the mockups, I started coding the website on WordPress. Since Suzanne has a wealth of content in her archives, we laid a lot of emphasis on easy user navigation and content access. Here are my favorite features of her website:

  • Grid archives for category and archive pages
  • Stocky navigation and social media menu
  • Special reviews gallery for easy content access
  • Category icons on the sidebar

"Working with Chaitra was just what my blog needed. Her creativity and technical know-how really breathed new life into both my brand and my site. Not only that, when unexpected issues arose, she worked tirelessly to resolve them. Her diligence and responsiveness made working with Chaitra a pleasure."

Here’s what Suzanne had to say about her experience:

“Working with Chaitra was just what my blog needed.  Her creativity and technical know-how really breathed new life into both my brand and my site.  Not only that, when unexpected issues arose, she worked tirelessly to resolve them.  Her diligence and responsiveness made working with Chaitra a pleasure.”

We ‘ve been receiving amazing feedback on her new branding which makes me super happy! Head over to suzanne’s website here to check out the new design for yourself.

If you are interesting in a new brand or website makeover, check out my services here!

Overall, I am thrilled with how her brand and website turned out.  It was one of the projects I thoroughly enjoyed from the start to finish!

What are your thoughts about this brand design? leave me a comment below.

If you are interested in learning more about the course, enter your email address to join the waitlist and be notified when it launches! :)
  • Fantastic work Chaitra! It’s really awesome that you did blog image templates too. Such a great addition to the whole branding process to really have a complete package. Very well done ???????? ????

    • Thank you so much Tishana! This was the first time I did blog post templates too and I agree it completes the package 🙂 I ‘am so grateful for your feedback! I just saw on FB that you just rebranded as well – and I love all the helpful videos are creating too!

      • Thanks so much! Yes, I’m working on rebranding my handmade business into something a bit different. It’s going to be a big undertaking but I’ll take it in small steps 🙂

  • I love the colour scheme you have used and her logo is perfect for her brand! Looks great ????

    • Hey Claire 🙂 Yay! So glad you like it and I am SO happy you think the logo is perfect – that’s exactly what matters! Thank you Thank you!

  • This was a big project, turned out lovely. Love that you did blog cover images too!

    • Thank you Kristie! I am glad you like it. And yes, the blog cover images were a neat little addition! 🙂

  • I love your designs so much! Where did you learned how to design wordpress templates?

    • Hey chelsea! Thank you 🙂 I learnt coding in school and learnt WordPress by myself after I started my blog 🙂 Since I already had a computer science background, i could pickup wordpress easily!

  • Love the choice of colors, love the layout and simplicity of the blog… In total love your work.

    • Hey Rajani! 🙂 Yayy – I am glad you love it! Thank you!

  • Popped over from your Facebook page to read this blog post. I really like the branding and design of this. The triangles make total sense, with the A alliteration in “Agent Athletica” being shaped like a triangle, really makes it cohesive. I’m going to school for graphic design and I’m bookmarking this page so I know everything that should be taken into account when doing branding/design like this!

    • Thank you Sophie! I am glad this is useful for you 🙂 Good luck with everything, I am excited for you!

  • I like how you translated the moodboard into the designs of the page. The colors, shapes, overall vibe. Looks very good!

JOIN ME ON PERISCOPE

@PinkPot7