OVERVIEW
Every year Vanier College hosts a Social Science Fest. For the year 2022, the college approched me to redesign their website for the new year. I was given a full brand identity and was asked to implement those specific elements into a fully working and responsive website. This website has the sole purpose to display the full scheduel of the event, as well as any other important information.
Before
ROLE
I was given a total of two weeks to completely redesign Vanier College's 2022 Social Science Fest. My role as a designer was to work on the user interface design by implementing the brand identity provided to me. Working with the fonts, the illustrations and the color palette was very helpful to create a unified website.
CHALLENGES
One of the main challenges for this project was to find a layout that
would essentially enchance the important information in a clean and
organized way. An aditional challenge in the advancement of this
project, was directly related to the back end of the website.
Implementing code for UX elements, such as micro-animations and modals
required research and trial and errors.
These challenges allowed me to analyze and draft many alternative
designs, in order to execute the best possible layout for an optimal
end result of the website.
SOLUTIONS
A lot of reshearch was made before and during the process of design
reguarding the layout. Referring to the internet and consulting peers,
was definitely a big help for the configuration of the back end system
of the website. Organization and personal deadlines was also a key
element for the development of this project, which made the entirety
of the ask easier.
Completing a research and recycling elements from previous personal
projects, such as footers and navigation bars greatly helpped with the
structure of the layout, as well as the organization of the website.
DESIGN PROCESS
The first step of this project was to reasearch and conceptualize a
layout that would enhance the information of the fest. Once that was
completed, the brand identity had to be implemented in a clean and
organized way, without distracting the eye from the information. After
thoroughly analyzing the fonts, the colors and the illustrations
provided, I was able to integrate the graphic elements in the website
cohesively.
RESULTS
The end result was very successful. The ask of redesigning the website
by integrating the new 2022 brand identity was fully met. The project
was delivered within the deadline provided, leaving the client
content. This project was very useful reguarding the understanding of
the importance user interface can have on a website.
After
BRANDING
Font | Roboto
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Font | Neucha
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
Color | HEX - #25a9e1
Color | HEX - #f26522
KNOWLEDGE
Having a clear direction and idea for the layout design was very helpful for the success of this project. Taking into consideration the user interface allowed the fonctionality of the website to peek, all while keeping the design clean and easy to navigate. The diffrent colors and fonts accentuated the importance of some elements without drastically distracting the eye. This is definitely something that will be carried for any future projects.
CONCLUSION
In short, this project gave me the opportunity to work with an existing brand identity. This allowed me to manipulate each elements provided in a way that would unify the entirety of the website. In addition, this project enabled me to recognize the importance of user interface when redesigning an existing website, as it can have a big impact on your final design.