Get In Touch
Mayfair Gardens. Hauz Khas, New Delhi,
hey@artistshaan.me
Ph: +91 6375705218
Work Inquiries
hey@artistshaan.me
Ph: +91 6375705218
UI/UX November 16, 2021

TGS Group

For this web development project, I worked with a team to create a new website for a small business. The goal was to improve the client’s online presence and make it easier for customers to learn about their products and services.

Task

Transform digital presence with my custom-designed and developed agency experience

  • Strategy

    Development , Brand Strategy

  • Design

    Identity, Core Pages

  • Client

    Urvashi Sharma

Open Project

The Problem

Colabrio believes a team of creatives who are excited about unique ideas and help digital and fin-tech companies. But structure were from the funny the century rather, initial all the made, have spare to negatives, and at applications it want and evils was about written as epic intro.

I’d probably type it because when I speak it, it always has a hard time recognising my voice.

I’d probably type it because when I speak it, it always has a hard time recognising my voice.

I’d probably type it because when I speak it, it always has a hard time recognising my voice.

Solution

Stay ahead of the competition with a cutting-edge web development..

Microsoft Classroom for iOS and Android is the mobile hub for Microsoft’s education suite. The app increases student productivity by providing them a streamlined way to prioritize, work and collaborate on, and submit assignments from wherever they are. 

My role

 I did all the UX / Interaction design and oversaw development of this ‘v1’ app, with participation in user research, project management, and visual design

Goals of the redesign

Colabrio believes a team of creatives who are excited about unique ideas and help digital and fin-tech companies. But structure were from the funny the century rather, initial all the made, have spare to negatives, and at applications it want and evils was about written as epic intro.

Add more value

Provide more value for the user and their home. It can be more than just a support input.

Add more value

Provide more value for the user and their home. It can be more than just a support input.

Add more value

Provide more value for the user and their home. It can be more than just a support input.

Add more value

Provide more value for the user and their home. It can be more than just a support input.

My Process

Colabrio believes a team of creatives who are excited about unique ideas and help digital and fin-tech companies.

Part One

Wire-Framing

To begin data sync, an admin first needs to create a profile, which involves hooking up a data source and selecting from various options in the source and target directories.

This became a massive exercise in information architecture, organizing the relevant options into logical groupings that made sense to an IT admin unfamiliar with the SDS platform. I also spent much time investigating the best way to explain the multiple ways to hook up the data source. 

Part Two

Finding a font family

One of the most important aspects of any digital product is the typography.

We researched and trialled a number of super families to determine one that could be used across our products.

Eventually, we settled on using Inter for its versatility, readability at smaller font sizes, and its numerous OpenType features.

Part Three

Building a colour palette

Before creating our palette, we first had to determine the colours that we wanted to support, such as:

  • Primary or accent colours
  • Grays
  • State colours (such as success, info, error & warning)
  • Secondary colours

Once we had done this, we then needed to create the different accent from each of the base colours. Therefore, each base colour would have 9 accents (e.g. green-100 to green-1000) to provide us with plenty of versatility for each base colour.

To make it easier to apply to WCAG colour accessibility guidelines, each colour and it’s accents were marked with it’s compliance score (e.g. is this colour AAA or AA compliant?)

Part Four

Creating components

Our design audit had provided us with a list of components currently being used that we would need to redesign, but I also carried out a lot of research on other design systems to collate data on other components that we may need in our products.

Our design audit had provided us with a list of components currently being used that we would need to redesign, but I also carried out a lot of research on other design systems to collate data on other components that we may need in our products.

Part Five

Copy-Writing

Our design audit had provided us with a list of components currently being used that we would need to redesign, but I also carried out a lot of research on other design systems to collate data on other components that we may need in our products.

Our design audit had provided us with a list of components currently being used that we would need to redesign, but I also carried out a lot of research on other design systems to collate data on other components that we may need in our products.

Part 6

Development & Testing

Let your design a team of creatives who are excited about unique ideas and help digital and fin-tech companies. But structure were from the funny the century rather.

Let your design a team of creatives who are excited about unique ideas and help digital and fin-tech companies. But structure were from the f

Let your design a team of creatives who are excited about unique ideas and help digital and fin-tech companies. But structure were from the funny the century rather.unny the century rather.

Conclusion

Colabrio believes a team of creatives who are excited about unique ideas and help digital and fin-tech companies. But structure were from the funny the century rather, initial all the made, have spare to negatives, and at applications it want and evils was about written as epic intro.

Transform your business

Get started today and see results tomorrow!

My Services are designed to help you save time and increase efficiency.

Back

Leave a Reply

Your email address will not be published. Required fields are marked *