PB Rotaract

PB Rotaract

Growing a new club from 4 to 20 members in less than a year

The Challenge

Establish a Rotaract club in Pacific Beach by recruiting the 15+ members required for an official charter

The Outcome

Chartered in 2016, Pacific Beach Rotaract, is ready to grow with a new website and dedicated members
Screens from an InVision prototype that was used to share the design with remote clients

The Problem

In fall of 2015, three friends and I set out to start a community-based service club in Pacific Beach with the goal of creating a welcoming environment where young professionals could have fun while giving back to their community and growing professionally in the process. In order to establish an official Rotaract club, we needed to recruit members (at least 15 to be exact).

In early 2015, a Rotaract club in Pacific Beach had fallen apart due to low membership levels. In addition, Rotary International – Rotaract’s sponsoring organization – was in the midst of a PR problem. Members of our target audience (21-30 year olds) tended to think of Rotary as an outdated club for old retirees, which made it harder for the organization (and our club) to attract younger generations. Our club set out to address this problem with fresh branding and targeted marketing.

Grey logos include gold bars, sun, and a local sign
A selection of early logos
Logos in bright red-orange and a yellow-orange
Finalists with added color
Logo with simple orange sun rays above company name
Final Logo Design
Original thumbnail design on the Properties for Sale page

Creating the Logo

Step 1

Customize Design

Recreate a customized version of the official Rotaract logo in black and white using Illustrator
Before and After logo design

Step 2

Color Options

Extract colors from beach photos and the Rotary logo to create four logo color schemes
Four Color Schemes for logo

Step 3

Collect Feedback

Present top two options to the club president and apply chosen scheme (rotary colors) to logo
Logo with top two color options

Step 1

Low Fidelity Wireframes

Sketches and digital wireframes were presented to lead broker
wireframe of property thumbnails

Step 2

High Fidelity Mockup

Realistic mockup created based on feedback from the broker

Step 3

Design Implementation

Specifications were sent to the website’s developer to launch redesign
Key Findings

Promoting Events

With branding established, it was time to design marketing materials. Flyers were created for informational meetings, general recruitment purposes, service projects, fundraisers, business development workshops, and socials.

A series of print flyers
Several flyers were designed to promote events and encourage donations

Becoming Official

Once we fulfilled the requirements for official club status, we hosted our chartering ceremony. For this event I designed three items: an invitation, a retractable banner, and an event program. Over 50 people attended and 20 club members became official Pacific Beach Rotaractors.

A branded invitation, event program, and 6ft banner
Branded materials for the event were designed and printed for the ceremony
Screens showing the countdown process I mocked up in Adobe XD to communicate my ideas for the interface to team members
Early Paper Prototype
3D CAD Models
Foam Core Prototype
Final Acrylic Prototype

Launching the Website

In the end of 2016, I worked with our club’s president, fellowship director, and treasurer to launch pacificbeachrotaract.org. The goals of the site are (1) market the club to potential new members, (2) keep stakeholders (members, sponsors, etc.) informed about club activities, and (3) make it easy for people to make donations. To start, I reviewed Rotaract and Rotary club websites in our district and across the country. While researching, I recorded commonalities and took note of what worked well and what didn’t.

Lists of elements found on Rotaract Sites
Lists of elements found on Rotaract Sites
A poster with sketches
A poster containing visual notes from the presentation created by an artist at the event
Wearable prototype worn on an armScreenshot of calendar interface
A buzzing and flashing wearable prototype presented by two developers on the team
A functioning web-based parent calendar was presented by a front-end developer
Notes from research into sites of California Rotaract Clubs

After that, I discussed research findings with the club president. Together, we drafted a list of critical features for the site. Next, I reached out to our fellowship director to discuss content targeted at potential new members, which included an online membership application. Armed with new insight, I drafted wireframes for each page.

Sketches of Home Page Design
Sketch of Events Page
Notes and low fidelity wireframes of the new PB Rotaract website

From there, I came up with a design based on the wireframes that integrated our club’s branding. After the design was complete, I crafted copy and visuals for each page. To finish the site, I reached out to club members for articles for the blog and worked with our treasurer to set a up a page that accepts donations via PayPal and venmo.

A selection of screenshots from the PB Rotaract website when it went live in January 2017

About the Client

Pacific Beach Rotaract is a community-based Rotaract Club for young professionals in San Diego. Rotaract is a partner of Rotary, an international service organization founded in 1905 that consists of 1.2 million members around the world.

Visit the website at www.pacificbeachrotaract.org

Additional Projects

TMG Website

TMG Website

Reducing questions about property availability and saving callers’ time
View Project
Context

Context

Helping autistic children move from one activity to the next
View Project
PB Rotaract

PB Rotaract

Growing a new club from 4 to 20 members in less than a year
View Project
Oro Financial

Oro Financial

Refreshing a financial company’s online presence with responsive design
View Project
PB Rotaract

PB Rotaract

Growing a new club from 4 to 20 members in less than a year
View Project
TMG Website

TMG Website

Reducing questions about property availability and saving callers’ time
View Project
CNS App

CNS App

Creating a new way for therapists to treat chronic pain patients
View Project
Context

Context

Helping autistic children move from one activity to the next
View Project
PB Rotaract

PB Rotaract

Growing a new club from 4 to 20 members in less than a year
View Project
TMG Website

TMG Website

Reducing questions about property availability and saving callers’ time
View Project
PB Rotaract

PB Rotaract

Growing a new club from 4 to 20 members in less than a year
View Project
Dose Tracker

Dose Tracker

Enabling users to easily track usage of over the counter medicine
View Project
Oro Financial

Oro Financial

Refreshing a financial company’s online presence with responsive design
View Project
CNS App

CNS App

Creating a new way for therapists to treat chronic pain patients
View Project
TMG Website

TMG Website

Reducing questions about property availability and saving callers’ time
View Project
Oro Financial

Oro Financial

Refreshing a financial company’s online presence with responsive design
View Project
PB Rotaract

PB Rotaract

Growing a new club from 4 to 20 members in less than a year
View Project
Context

Context

Helping autistic children move from one activity to the next
View Project