Nemetos website redesign
Roles & Responsibility
Role: UI Designer
Team: Christian Rogers, Phoebe Brocket, Femi Olupo, Kate Clark(PM), Lucy Foster (PM)
Duration: Jun-Dec 2020
Deliverables: Competitive Landscape, Visual Identity, Ideation, Mood board and Style-guide, Micro-interactions, Low and Hi-Fidelity Prototyping, Development Handover
Tools: Figma, Adobe Creative Suite
Nemetos: Enabling Digital Evolution
Choosing a digital agency to work with can be a challenging and daunting task. There are many agencies out there with varied specialisms, and choosing the right agency can be the difference between setting fire to your marketing budget, or growing your business to the next level.
Nemetos’s current website was required to communicate the strengths and expertise clearly with their potential clients. There was a lot to consider while redesigning the launching of the new website that is modern and professional. From new Visual language to Information Architecture to the language to communicate clearly with the clients.
Since this was an ad-hoc project, some of the processes took more time than it requires pushed us to different challenges
Challange
Nemetos has just transitioned from a technical agency to a full-service digital agency and required to project the same from the website. All the company brand guidelines were out-of-date and didn’t reflect the current vision and mission. We had to start right from defining the new brand guidelines for Nemetos.
Old Website
Key Problems
of our clients thought the site reflected well on us
of Clients felt uncertain about Nemetos due to site
of clients rely on sites to find out more about CSM
of clients felt our site needs an upgrade
Defining Brand Guidelines
We started the process by setting new rules for the visual identity introducing more fresh colours and clean legitimate typeface. The rules of do’s and don’ts of the assets help to derive consistency across all the platforms and create the Nemetos Signature.
Logo Usage
The logo usage for Nemetos is fairly minimal. The logo will mainly be used in black or white against neutral backgrounds and against the white background.
Colors
Colour is integral part of the brand identity. Consistent use of colour palette with not only reinforce the cohesiveness of the brand, but colour also serves a psychological purpose by communicating a certain feeling to your audience.
Our primary brand colors are white and black. They are used to provide accessibility, simplicity, and consistency throughout all brand communications.
Typography
Lato is our typeface, best represents the bold and modern feel of the brand and should be used across all print and web applications. Lato is a typeface that would seem quite ‘transparent’ when used in body text but would display some original traits when used in larger sizes. The designer used classical proportions (particularly visible in the uppercase) to give the letterforms familiar harmony and elegance. At the same time, a sleek sans serif look.
The copy should retain a warm, friendly, and intelligent tone while not sacrificing the professionally of the Nemetos brand.
Imagery
Imagery is a powerful tool to further instill our brand principles of being modern, minimalistic, cutting edge, and brave. Photos should be kept professional while remaining approachable. Do use high quality stock photography in absence of company images.
Composition
It is important to organise typography in a hierarchical system according to relative importance or inclusiveness through scale and function depending on communication. We used 9 square as the main key layout to derive different compositions.
Illustrations
Our illustration style builds off the simple shapes and the digital products. Simple shapes, clean lines, limited colour, and heightened reality give our illustration a branded feel and make it easy to digest and understand at a glance.
The isometric illustration also allows you to show more details with less clutter. Having the ability to show space in 3D opens up nooks and crannies previously unavailable. Illustrations should only be used to showcase an event, product ideas and services wherever applicable.
Design Iterations
Due to the length of the project we had to go through lot of iterations. Some of the designs were found quite bold and young compares to what stakeholders and client believes in, that is professional looking website. after few meetings with stakeholders and making them understand the importance of design thinking, we got some constructive feedback that was positive.
