The Pillyr Foundation

Brand Identity & Website

The Pillyr Foundation website preview

In the spring of 2017, a group of designers and urbanists living in the city of Atlanta noticed a lack of vibrant, accessible public space available to its residents. Together they formed a nonprofit organization tasked with the mission to design and build projects that educate and test the potential of these interventions to increase public space across the city. Prior to The Pillyr Foundation's incorporation, a brand identity and website was needed to showcase the organization's charitable work and demonstrate the importance of good design as a key component to its mission.

Services

    Visual Design

   Web Development

    Branding

    Animation

   Print Design

    Data Visualization

Design & Dev Tools

Illustrator
Photoshop
InDesign
Sublime Text
Transmit
HTML5
CSS3
Bootstrap
Javascript
JQuery
PHP
Wordpress

Scope

To get this fledgling organization started on the right foot, a brand identity is needed. The brand scope included:

  • Logo / icon (multiple format options)
  • Typeface pairing
  • Color palette
  • Business card design
  • Wordpress website
    • Single page format
      • Carousel hero area
      • Homepage modals (for expanded content)
      • Sections for mission, projects, team, crowdfunding, partners, and CTA
    • Separate blog area page
    • Separate donation area page
    • Integration with Donorbox & Stripe
    • Bootstrap & JQuery

Solution

To understand how the organization should present itself to its supporters, donors, and beneficiaries, surveys were created to better understand each user segment as well as the preferences of each organization board member. Once the results were collected, it was clear that a brand identity with a modern look, vibrant colors, and flexibility to work across different mediums were valued. The design process led to the following decisions:

  • Logo would include an icon merging the form of the letter p and an abstract column
  • Typefaces chosen included Muli for body copy and Catamaran for titling
  • Color palette would include 3 main brand colors complimented by various shades of grey

Results

Once the brand assets were created, two months were taken to develop the style guide, site markup, and media assets for the organization's first website. With limited content available, it was decided that a one page website using modals to expand on specific projects and other sections was the best way forward. The blog / news was built as a separate area of the website independent of the single home page format. To see the project live, please visit pillyr.org.

Prev Case Study

Next Case Study