SaaS Enterprise applications such as Appraisal Portal, Salary Application, Search bar database research, Login page redesign along with training sessions
MOBILE AND WEB
RESPONSIVE
LEAD UX DESIGNER
TATA CONSULTANCY SERVICES
ENTERPRISE
THEME
Tata Enterprise Apps
SaaS Enterprise applications such as Appraisal Portal, Salary Application, Search bar database research, Login page redesign along with training sessions
MOBILE AND WEB
RESPONSIVE
LEAD UX DESIGNER
TATA CONSULTANCY SERVICES
ENTERPRISE
THEME
Gaze
Interactive application that encourages "out of syllabus" learning through immersive visuals
GAZE
WELCOME WELCOME WELCOME WELCOME WELCOME WELC | FOR THE LOVE OF SPACE | FOR THE LOVE OF SPACE | FOR THE LOVE OF SPACE | FOR THE LOVE OF SPACE | FOR THE LOVE OF SPACE | FOR THE LOVE OF SPACE | FOR THE LOVE OF SPACE | FOR THE LOVE OF SPACE | FOR THE LOVE OF SPACE |
PRODUCT
Ultimatix
Ultimatix is an internal hub for TCS employees in 149 locations across 46 countries. It hosts 200+ applications like Leave, Helpdesk, Tax & Compensation, Timesheet, Appraisals, etc.
TEAM
Ultimatix CoE User Experience
[Responsibilities]
End-to-end User Research and Visual designs for new or existing enterprise products as the user needs keep changing.
Provide final launch permissions to products by checking the heuristic principles followed and the maintenance of design system
Facilitate monthly trainings for cross functional teams to discuss design needs, do's and dont's and the best ways to collaborate
TIMELINE
Key Projects
Over the span of 3 years, I worked on multi scale projects ranging from device to needs.
PROJECT #1
ULTIMATIX LOGIN PAGE REDESIGN
Redesign the current login page for our TCS internal portal that encourages employees to use the Authcode login method over Passwords
Gaze
Interactive application that encourages "out of syllabus" learning through immersive visuals and innovative technology
An Immersive Learning application that helps your child learn beyond books
How might we encourage “Out of syllabus” subjects and provide imprinted experiences that help kids build early career hobbies by learning and exploring through an interactive medium
ROLE
Research
UX/UI
App Design
TOOLS
Figma
Illustrator
Photoshop
TEAM
Mentor :
Shawn Sprockett
DURATION
3 weeks
GAZE
An Immersive learning application that helps a child learn beyond books
ROLE
Research
UI/UX
App Design
TOOLS
Figma
Illustrator
Photoshop
TEAM
Mentor :
Shawn
Sprockett
DURATION
3 weeks
Old design
This login page for the internal portal is used by millions of TCS associates all across the globe and is the hub of all general administrations like timesheet, salary, HR management etc
WHY THE AUTHCODE?
"Updating my password every 2 weeks is a complete hassle"
32 out of 40 users that we interviewed, agreed to this statement
As a part of the company's security policy, every employee receives a notification to update their password every two weeks. This adds mental load for the employees to think of a new password every week that has not been used before.
Additionally, increasing load on the IT team as well to send constant reminders or receive constant requests of being locked out of their portal due to wrong entries.
Introducing authcode with our own Ultimatix Authenticator App
A one time generated 6 digit code
The best part :
No more remembering 100 passwords
But what about the challenges ?
We asked our users again, this time introducing the authenticator app.
Observational User Testing
Aim :
To understand users preference of the authenticator app over using passwords everytime they login
Task:
Login to Ultimatix
Challenges introducing authcode
Install a new application on your personal device
Access your device and open the phone each time you login
Cannot copy paste the code from a mobile device to the web portal
NEXT STEP?
Due to the constraints of time and the urgency of replacing password logins to prevent the large number of calls our IT department received, we decided to progress with the Authcode development and merge it with our current system, further improving the visual language of our page.
Challenges with Visual Design
- Lacks energy and excitement for an employees for whom it's a portal to be accessed everyday
- Doesn't align with the Company's main page visual layout
- Poor use of the page's real estate
- Need to introduce the authcode login method
After multiple iterations...
"Illustration looks great"
Customized vector illustrations, that match with the brand language and palette of the company's brand
"Authcode option looks more visible"
Using the power of color hierarchy to emphasize the authcode option over the password button eventually completely removing the password option once employees get a hang of authcode
WHAT WE ACHIEVED
Performance metrics
Increase in Authenticator app downloads within a month
80%
Reduction in the number of IT complains received by the team
6x
PROJECT #2
Appraisal Dashboard Redesign
[Reach out for full case study]
Digitizing the appraisal system to enhance management efficiency
TEAM
Responsibilities
Collect and analyze user stories to converge on the list of features
Execute card sorting with each user to decide user flow
Create wireframes and design the visual language for the portal
Appraisee - View band
The primary feature for the employees is to view their grade bands that have been recieved over the tenure of their years worked in the company
Band Distribution
Primary feature for the appraisee
Appraisee - Feedback and Goalsheet
Another primary feature for the employees is to view feedback from their managers and reviewers on the basis of their trainings and involvement as well as fill goalsheets according to the goals specified so as to help determine their final band grade.
Feedforward
Feedback for the employee on the basis of their trainings and general involvement
Goalsheet
Fill sheet according to the goals provided by the manager to be discussed during 1:1 appriasals
Competitive Analysis
UX: Intuitive navigation, Smooth animations
Features: Encyclopedia, Interactive elements, 3D view, Sound, Gallery
- Minimal visual language
- Dark BG makes color stand out
- Simple line iconography
- 3D Display mode- Kid friendly characters
- Dark BG
- Doesn't cater to all audience
- Easy navigation- Intuitive animations
- Real graphics
- Encyclopedia
- Merchandise and quotes- 3D Graphics
- Real time viewing
- Personlaise view points
Brand Values
This product focuses on two main audiences that attracts a varied set of values. Thus, a combination of those values can create a systemic product that can enable a good user experience to all.
Information
Architecture
User Flow
Wireframes
Visual Inspirations
Style Guide
BONUS SNIPPETS
1. My Documents App
2. Survey Max
Need: Quick access to personal payslips and PF documents in one place
What I did:
-
Understand the user audience and their usage of the Documents from the portal
-
Analyze the priority used features and the frequency of downloads
-
Created a quick navigation flow to set a hierarchy of features for an optimized application
-
Designed the visuals for the application
Survey Max
Designed an online TCS survey portal for all employees to access during the exit interview stage post resignation
TAKEAWAYS
Collaboration is always fun
A large scale collaboration with various teams involved in the product lifecycle, helps you learn so much in order to make it efficient as well as understanding different expertise and mindsets
Dashboards can look visually appealing too
Dashboards are one of the most challenging designs, to maintain clear layout with the large amount of data it provides. Thus, strategizing data visualization really helps in creating a easy accessible dashboard
Confidence is the key
Being a designer, you always have to convince and convey the needs of a design process and the reasoning behind it. And years of study and experience, helps you confidently justify the elements of design and the ability for it to create a good user experience,