Problem Directory

UI / UX DESIGN

About The Project

Problem directory believes in repository of problem statements contributed & consolidated from people across the globe. It intent to consolidate problem statements from across the world is to address it, to create a platform where people can come together as a One-World/One-Nation to contribute to the ultimate cause/solutionhelps in solving big business challenges and help in strategic decision making. The team approached us with two clear objectives in mind; first was to have an identity that was global and second simplify the complexity of the services and processes of the company.

Design

We started by defining the brand elements and the primary color and adding warmth and vibrancy to its sections, yellow was introduced as the secondary color with few other elements to emphasize the brand personality that is synonymous to growth and building leaders of tomorrow. The whole website has been crafted in cards layout style for greater content engagement. We have also focused on easy navigation by empowering users to visualize tons of related data on a single page. Subtle illustration and animations balances the serious outlook of the website

The Approach

01

It was fascinating to ideate and personify the brand. Our inspiration stemmed from the principles of problem directory and helped us in shaping the identity and logo

02

The brand color was used as orange to draw attention to the details and pump in the enthusiasm and intelligence associated with it

03

If you would see the site ample white space has been used with proper spacing to increase the readability.

UX: Wireframes

User Interface

Color Palette

Solid Palette

  • #000000
  • #3364DA
  • #3392DA
  • #33DA7E
  • #DA8633
  • #FFFFFF
  • #767F94
  • #0F255A

Typography

HEADING TEXT

ROBOTO

Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

SEMIBOLD | 32px

BODY TEXT

ROBOTO

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euis-mod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp-er suscipit lobortis nisl ut Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut Lorem ipsum dolor sit amet, consectetuer

REGULAR | 14px

Illustration

IDEA DIRECTORY: THE PROCESS

Iconography

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure

×