Rise Sync

Designer & Web Developer

I had the opportunity to design a new brand and website for RiseSync, a coaching startup that offers an innovative daily micro-coaching program.

Overview

Responsibilities

• Web Design
• Logo Design
• Webflow Implementation

Client

Rise Sync

Objective

Help Rise Sync leads discover what makes the program unique

Design Process

I started the design process by building a mind map and style tile to discover word associations and style goals.

Mind Map

After my initial call with the client to discover their goals and vision for the brand, I created a mind map of the key ideas, symbols, and themes relevant to Rise Sync to inspire ideas for the style tile.

Wireframes

Based on the client’s business objectives, I defined five main sections of the website: a call to action header, information about the program, why people should join the program, information about the coaches, and an FAQ.

Low-Fidelity Mockups

Massive text captures attention and inspires confidence.

Clear call to action puts client’s main objective front and center.

We explain why the RiseSync program is awesome in four short digestible sections.

This section sells the value proposition for how Rise Sync will improve the customer’s life.

Humanizing the brand by showing who the coaches are and what makes them great.

High-Fidelity Mockups

I created over six iterations of the high-fidelity mockups. I shifted from an orange to blue color palette to emphasize contrast with the call to action buttons and the new logo.

Final Design

The client was thrilled with the final design I implemented as a responsive website in Webflow.

Logo

Redesigning the Rise Sync logo was a fun challenge. My objectives were to make it more modern, immediately recognizable, and easier on the eyes.

Design Explorations

When I considered what a new Rise Sync logo could look like, the synchronicity of how sunshine rays appear similar to tick marks on a clock seemed like a simple and irresistible concept. I first laid out the shapes in black and white, then experimented with a variety of colors and gradients. I settled on an orange/yellow hue to make sure the icon was easily recognizable as the sun. I received feedback to make the design more playful, so I curved the minute hand arm and thinned out the sunshine rays to give them a hand drawn look on the final polish pass. Despite my exploration with a few fonts, the client opted to keep his existing one.

Final Logo

Results

The client said I exceeded his expectations, and was very happy with the final design.

Insights

This was a wonderful project and a great experience building my Webflow skills. A few key takeways:

1. Great logos demand fast recognition

Through my 36 iterations, I was reminded how color, shape, and form must all come together to make it fast and easy to understand the logo’s meaning.

2. Webflow rocks!

Webflow is an excellent platform that was capable of translating my vision from mockup to implemented website.

3. Emojis save time

On a tight timeline, emojis work great as temporary icons.