Behind The Logo

A responsive site diving into the history of the Ferrari logo. #UXUI #Responsivedesign #webanimation

Putting it briefly...

In response to the brief ‘design an engaging responsive microsite that explores a topic of your choice’, I chose to break down the story behind the iconic design of the Ferrari logo. I aimed to create an easy to navigate site which kept the attention of users with eye-catching images, interactivity, animations and a clean design which responds accordingly to any screen size. The idea was to break down and describe the elements of the logo and explain the story behind each one. I quickly identified that this project was visually led and therefore concentrated on aspects which would bring the information on this site together in a cohesive manner.

Team: Sophie Ross

Date: Oct-Nov 2022

Duration: 2 Months

The Discovery

I knew I wanted to centre this project around F1 and so I researched into some niche topics and came across the origin of Ferrari. I found this super fascinating and chose to use this as my websites focus. I did some really in-depth research on logo and tried to find out the story behind each part of the logo - each component had it's own story.

The Design

My plan was to create a sections explaining each component of the logo. I began with sketching out ideas and layouts, as this project was very UI based and more of a story telling site I knew I had to create an engaging story with the visuals of the site. I also wanted to make this into a live site, I chose to use Webflow which is something I had never used prior before so I learnt as I went along, this was an amazing learning experience and now I am quite confident in the software. I discovered a love for scroll animations during this project and learnt convert After Effects animations into Lottiefiles.

The live site

Visit the live site using the link at the top of this page. If you are viewing on a mobile device, the initial animation may take a minute to render in!