top of page
Screen Shot 2018-11-20 at 2.04.52 PM.png

Understanding stakeholders

Here the stakeholders from B2B & B2C were studied and listed down,Each section of B2B & B2C goals and motivations were filtered into keywords 

Screen Shot 2018-11-20 at 2.05.04 PM.png

Key Functions Attributes

Key attributes from different ATS functions were scrutinized and further filtered, so that visual elements can be attributed and extracted from it.

Screen Shot 2018-11-20 at 2.05.23 PM.png

Defining UI goals

The goal was to convey product qualities by setting uI standards which will be uniform and accessible to the Design & Dev team and also the third party as and when needed.Making the Ui guidelines as a part of product ecosystem

Screen Shot 2018-11-20 at 2.05.47 PM.png

Trend Research

Keywords extracted from attributes were further explored for synonyms and visual elements were explored

 

Further the color pallets were extracted from these visual elements

Screen Shot 2018-11-20 at 2.06.03 PM.png
Screen Shot 2018-11-20 at 2.06.19 PM.png

Color Scheme

The color pallet were arranged according to particular hues, shades & tints 

Color combinations complimenting each other were tried and applied to wireframes for finalizing product UI

Screen Shot 2018-11-20 at 2.07.09 PM.png
Screen Shot 2018-11-20 at 2.06.46 PM.png

UI color palette

Numerous Visual explorations were presented to the stakeholders and were viewed across different platforms so that the product can appeal to the ones who are using it.

Screen Shot 2018-11-20 at 2.08.44 PM.png
Screen Shot 2018-11-20 at 2.07.49 PM.png
Screen Shot 2018-11-20 at 1.58.41 AM.png

UI library

Since the product has been just started from scratch, the UI elements will grow further when the product gets bigger.

​

In current UI library the primary gradient shade consisted of Hex code (#2A0FEF) & (#3EEFFB)

​

Other UI elements such as

CTA

Tag colors

UI card shadows

Text field inputs 

​

were included in Design library.

© 2022 Swapnil Ghutke

bottom of page