top of page

UI/UX Design

Why

When it comes to designing a platform for the best creative professionalsaround the world, there are high standards to be met. For people who understand art— we expect almost all of our users to fall in that category — design largely determines whether they would use a platform or not. Therefore, before anything, we decided to fix this problem first.

How

It has not even been a year since we released our MVP to our first beta users. Since then, we have learnt a lot from our growing community, and others in the art industry. We were able to answer two important questions:

  1. Who our quintessential user is, and,

  2. What our user quintessentially requires.

The answers to these questions opened up a need for a redesign right away.

Who

After careful thought, we have recognized every creative professional to be our direct customer. While we have never restricted anyone with a creative talent to collate their creativity on Dextra, we realized that only professionals end up deriving value from and contributing to such a community, at least in the initial stages.

What

To easily make & maintain a good-looking portfolio. And, to find the right creative people to collaborate and grow with.

To optimize the two things above is all that we need to do in the new design. This is a record of all that it involves.

UI REFRESH

Colour Palette

While discrimination on the basis of color might be the most unfortunate thing in humanity, for a product, forming an identity in the form of color is essential to discriminate itself from all others.

Primary Colours

Secondary Colours

Accent Colours

Dark Grey

#212121

RGB  33 33  33

White

#ffffff

RGB  255 255  255

Light Grey

#707070

RGB  112 112 1112

Blue

#0391ff

RGB  3 145  255

Our color palette changed from subdued and calm blues to a professional and contrasting black-and-white, with bright blue as the accent color. We occasionally use gray for contrasting text as well.

Typography

The only font used site wide is 

overpass

Headings

Header 1

Sub Headings

Sub-Heading 1

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9

+ _ * & ^ % $ # @ ! ? "

Body text

Body 1

MOBILE EXPERIENCE

36px

144px

48px

72px

192px

96px

These are the icons for different mobile phones according to their screen resolutions.

192px

bottom of page