top of page

JSS Pro

MANAGEMENT CONSULTING

EDGE | JSS Pro Web Design Project | Website UI

An integrated strategic advisory and implementation solutions firm with a focused approach on business and people centricity.

Client

JSS Pro

Hyderabad, India

Year

2022

Scope

Web Redesign

Category

Management Consulting

EDGE | JSS Pro website homepage layout

Clean lines and a minimal layout

We focused on keeping the design as simple as possible so that the user can easily navigate through the information without unnecessary distractions.

COLOURS.

Yellow Orange

#FBAF43

Eerie Black

#181818

White

#000000

Dark Red

#8B0000

Blue Crayola

#0B80C9

PRIMARY COLOURS

SECONDARY COLOURS

The brand colours extracted from the company logo were incorporated in several elements of the design and textual content, subtly creating a sense of cohesion across the website.

As the website was heavy on content, it was essential to find an aesthetic balance with the content appearance. 

The service pages were transformed from text-based to image-based with a consistent theme for the ease of perception. It also enhanced readability across devices. Sticky menus were incorporated for quick access to related sub-services.

EDGE | JSS Pro website service page layout

TYPE.

RALEWAY

Regular. Medium. Semi Bold.

ABCDEFGH

IJKLMNOP

QRSTUVW

XYZ.

LATO

Light. Regular.

abcdefgh

ijklmnop

qrstuvw

xyz.

RALEWAY

Regular. Medium. Semi Bold.

ABCDEFGHIJKLMNO

PQRSTUVWXYZ.

LATO

Light. Regular.

abcdefghijklmno

pqrstuvwxyz.

EDGE | JSS Pro Web Design Project | Ipad screen

THE BRIEF

JSS Pro approached us to revamp their website to reflect the modern and progressive nature of the brand.

 

The objective was to create an engaging and responsive website that would deliver a pleasant user experience and showcase their products and services effectively.

EDGE | JSS Pro website menu in desktop view
EDGE | JSS Pro website menu in mobile view

Staying in sync with the minimal design layout, we replaced the header navigation menu housing drop-down links with a hamburger menu icon. The new mega menu displayed site-wide links clearly offering a better visibility of the website structure.

The older version of the website featured static design elements with limited functionality and engagement with the user. 


We incorporated interactive cards, animations, parallax and hover effects to add a sense of motion to the website. The idea was to create an engaging experience for the audience and keep them scrolling for more.

Custom headers were created to draw the link with the associated service lines.

EDGE | JSS Pro custom website header
EDGE | JSS Pro custom website header
EDGE | JSS Pro custom website header

OUR APPROACH

Our aim was to create a user-friendly website with a minimal and modern look, with smooth animations to make the browsing experience simple and direct.

INTERACTIVE DESIGN AND SMOOTH ANIMATIONS

Fully responsive mobile

interface

EDGE | JSS Pro website layout for internal pages in mobile view
EDGE | JSS Pro website layout for internal pages in mobile view
EDGE | JSS Pro website layout for internal pages in mobile view

NEXT

PROJECT

EDGE | Logo display of The Mystic Daisy | Branding project

Branding. E-Commerce Website. Copywriting. Photography. Social

BEFORE

JSS Pro old website layout
JSS Pro old website layout
JSS Pro old website layout

AFTER

EDGE | JSS Pro new website layout
EDGE | JSS Pro new website layout

INTERNAL PAGES

EDGE | JSS Pro website layout for internal pages
EDGE | JSS Pro website layout for internal pages
EDGE | JSS Pro website layout for internal pages
bottom of page