Heartbeat

Ellen Setterfield

OUGD603 Extended Practice

Brief 12

The Brief and Research During a graduate experience day at CODE Computerlove in Manchester a concept to create an online dating site that connected people through their interest in music was devised. During this experience day an employee from CODE suggested that as a collaboration the brief should be carried out and delivered as it was a bespoke and unique idea.

Unfortunately contact was not kept so the extension was done as an individual project.

A name was given to the idea, Heartbeat. This name encompassed the main purpose of the service as it is based on dating and also music. The idea was appealing from

a design perspective ans also from a UX perspective as it presented opportunities to create something completely new whilst also looking at the positive and negatives from other dating sites.

Heartbeat

Ellen Setterfield

OUGD603 Extended Practice

Brief 12

Identity The logo was not explored during the experience day so this was one of the more important aspects to explore during development stages. As the name of the brand was very self explanatory the logo had to match that. A lot of ideas involving hearts and musical notes were explored but all seemed to lean towards a feminine audience. The first idea

was to create a marque within the word Heartbeat but these options made the logo illegible, it was therefore decided that a separate marque should be created that could be used as an icon within the app itself. By merging a heart shape with a musical note and a set of headphones a modern and unisex logo was created. This logo works very well with the name

and will also transfer into icons within the app.

Heartbeat

Ellen Setterfield

heartbeat

OUGD603 Extended Practice

heartbeat

Logo The final logo uses a deep red to connote love, lust and excitement. A variation of colours were experimented with but results from user research and testing red was the most popular choice. Futura was used for the type logo as it offered the most balanced outcome for a unisex brand.

heartbeat

Brief 12

Heartbeat

Ellen Setterfield

The App The welcome page for the app uses a simple layout in order for users to focus on logging into their account without added noise to distract them from the task at hand. Music based imagery is also used to add to the look and feel of the brand.

OUGD603 Extended Practice

Brief 12

Heartbeat

Ellen Setterfield

OUGD603 Extended Practice

Brief 12

Like many other dating apps users are directed straight to their matches, profiles are created consisting of a photo, short bio and match rating. As the app matches users based on their interest in music a rating system has been created so to avoid users having to read each individual biography.

Users can receive up to five match rating based on their

favourite genre, artist/group, album, song and music event.

Users can edit the settings to manage which people are displayed on their match page in the settings option. A simple yes or no button is added to the bottom of the page where users can choose to send a ‘beat’ to one another, this feature will only work if both users have chosen to match with each

other. Once each user has matched with the other they can share play lists, event information and also chat. These options can be controlled within the navigation bar situated at the top of the page within a burger menu. The reason for hiding the navigation bar is to ensure that each user focuses their attention on getting matches before other tasks. Profiles

Heartbeat

The App can be synced with Spotify, YouTube, Twitter and Facebook meaning that users can simply import profile pictures from there and share playlists from specific music sites. By allowing this interaction users can easily add Heartbeat to their daily routines.