rise above

year 2019
scope UI Design
deliverables Website

introduction

Rise Above is part of Public Health England’s initiative to provide a space for teenagers to learn and talk about topics such as love, friends, body and mind health. It creates inpiring and useful stories on how to have a healthy relationship with these topics. It’s content is created by teenagers for teenagers.

the brief

The breif was to refresh their existing brand identity and update their website. The website needed to be responsive and work seemlessly on mobile platforms. It was therefore important to make sure the website was optimised for mobile useage.

my role

On this project I was the lead designer for the brand identity and the UI design.

branding

The concept for the branding was to make it bold and impactful. Therefore, Black was the primary colour along with contrasting vibrant colours. Budget was a challenge when looking for fonts as only system or Google fonts were free. I chose Poppins as the primary font because of it’s bold weight and readability. I also update the seconadry font to Roboto which is popular font for it’s legibility and load speed.

Design system

I documented the colours, headings, symbols and components in a system to allow developers and clients to stay up to date with expected behaviours of each component.

designs

Below are the updates to the interface. It was brief to keep the same layout of the homepage however updating the interface design with the new branding.

[1] Old homepage

[2] New homepage

result

The website is live and is being optimised to ensure the website’s performance is being improved as time progresses.

View live

Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Youtube
Consent to display content from Youtube
Vimeo
Consent to display content from Vimeo
Google Maps
Consent to display content from Google