Badge logo for Monarch.

Branding • Web design • Copywriting

Monarch Care Services

My approach to the Monarch brand consisted of demonstrating their commitment to building strongly-qualified teams delivering thoughtful care. Taking inspiration from the company’s namesake, I wanted to illustrate the transformational concept monarch butterflies symbolize and how the Monarch staff supports this transitional time.

Tools:

  • Figma
  • Adobe Illustrator
  • Squarespace (with custom CSS)

Role:

  • UI/UX Designer

Timeline:

  • 4 months

step 1:

Defining the Scope

  • Site with information about Monarch’s services.
  • Intake forms for people to request these services.
  • Feature to make the company stand out.

This entailed creating a company logo based on brand identity, an area I particularly honed in on to ensure it illustrates both the visual intrigue and organizational message the client envisioned.

Monarch Brand Guidelines' colour palette page.Monarch Brand Guidelines' typography page.

step 2:

Brainstorming

I began by putting pencil to paper, sketching out elementary concepts in order to build up to the bigger brand meaning.

I incorporated elements such as the letter ‘M,’ the wings and antenna of the Monarch butterfly, heart, home, human figures/silhouette, etc.  The aim was to keep the logo design minimal, easy to interpret, reproducible, and convey the sense of care and calmness.

Image of logo iterations for Monarch, depicting the process by which the final logo design was chosen.

step 3:

The Branding

Monarch Brand Guidelines' company values page.Monarch Brand Guidelines' company voice page.Monarch Brand Guidelines' logo page.Monarch Brand Guidelines' logo usage page.Monarch Brand Guidelines' imagery page.Monarch Brand Guidelines' organizational shapes page.

step 4:

Layout and Features

By introducing subtle visual elements throughout necessary components, such as intake forms and breakdown of available services, I ensured an easy online experience for all users while offering an inviting digital environment.

Another key priority during branding and development was the creation of a Careers page to support hiring efforts, with the intention of establishing a strong and professional online presence to attract high-caliber staff.

Initial framework for Monarch's homepage.
Framework for Monarch's about us page.

step 5:

The Results

The hero section of Monarch's careers page on mobile.Details regarding employment opportunities at Monarch.Monarch's request form on mobile.Monarch's request form on mobile.
Monarch's desktop page explaining medication management service.Monarch's desktop page explaining light housekeeping service.

See My Work