EDGE | Website design for First Quadrant Advisory | User interface display

EDGE | Website design for First Quadrant Advisory | Homepage layout

Sharp and clean layout

The new homepage was designed to draw the attention of the user to the key elements of the company. Services were brought to the forefront and content was thoughtfully broken down with plentiful white space offering a smooth transition from one section to another.

The new design translated effortlessly into a visually appealing scroll on mobile devices.

High quality images and brighter accent colours were used to elevate the feel of the overall design layout.

Subtle animations, parallax transitions and hover interactions were incorporated to add a sense of motion and depth to the website.

EDGE | Website design for First Quadrant Advisory | Service page layout

0123456789

We used a combination of Serif and Sans Serif font to create a blend of classic and modern look. The elegant feel of the Playfair Display Font was balanced with the sharp geometric style of Futura font, adding an appearance of modernity and forward thinking.

ABCDEFGHIJKLMN

opqrstuvwxyz.

Futura Regular. Futura Light.

ABCD

Playfair Display Regular

type.

EDGE | Website design for First Quadrant Advisory | Black and blue gradient background

EDGE | Website design for First Quadrant Advisory | Mobile view

FULLY RESPONSIVE MOBILE INTERFACE

OUR APPROACH

We wanted to bring a clean and professional feel to the website. We focused on creating a clutter-free layout with user-friendly navigation making it an inviting online experience.

colours.

Royal Blue Dark

#012060

Egyptian Blue

#0237A2

Olive Green

#708D00

Apple Green

#99BF04

Black

#000000

Jet

#333333

First Quadrant Advisory

MANAGEMENT CONSULTING

THE BRIEF

FQA wanted their website redesigned to give it a more modern and professional appearance.

The goal was to reflect the brand's philosophy, their values of high quality and simplicity in their business solutions.

INTERACTIVE DESIGN AND SMOOTH ANIMATIONS

We worked on improving consistency in terms of colours, fonts and design assets. Additionally, we incorporated subtle animations and transitions into the static design that enhanced user interaction and the overall browsing experience.

To provide a natural flow to the user, we worked around the principles of visual hierarchy. The revamped website offers a clean, cohesive look with an easy-to-navigate mega-menu and crisp presentation of company information.