LinkedIn Email Me
Global EOR

Atlas HXM

Lead Designer
Branding Style Guide

The Flexible Workforce Management Solution To Navigate The New World of Work.

You find the talent, we provide the platform that enables you to hire, onboard, manage compliance & pay global talent in over 160 countries.

Learn more about the company
Atlas Connect

Streamlining Global Integration

Objective:

DDesign and develop user-centric community APIs for the Atlas Platform to seamlessly integrate with external systems. Improve data sharing, collaboration, and accessibility for global businesses using Atlas's HR tech, enhancing overall user experience and utility.

Designing a User-Friendly Dev Portal
Modernizing the Experience

Connectivity

Enhancing API connectivity for the Azure Developer Portal redesign, ensuring user-centric solutions.

User Flow

I carefully designed user-friendly pathways, optimizing interactions at every step for a seamless and enjoyable experience.

Visual Design

I revitalized the project's outdated appearance by infusing it with a fresh and modern design, significantly improving its visual appeal.

UX Design

I enhanced the project's UX by incorporating user interview feedback, resulting in a more intuitive experience.

Prototype

I implemented my designs directly within the dev portal, allowing for real-time feedback and iterative improvements.

Usability Testing

I utilized the prototype to conduct usability testing, gathering valuable insights to meet user expectations.

journey
Original App Pages:
A Comprehensive App Revamp Project

(old) App Design

Outdated Interface:

The old app had an outdated and unappealing user interface that did not align with modern design standards. It lacked visual hierarchy, consistency, and a cohesive visual language.

Visual Inconsistencies:

The app lacked visual consistency, with different sections having varied color schemes, typography, and iconography. This inconsistency created a disjointed and unprofessional look and feel.

Poor Usability:

Users faced difficulties navigating through the app due to complex menus, unintuitive layouts, and inconsistent navigation patterns. The information architecture was confusing, making it challenging for users to find the desired features and content.

Graph Data Frustration:

The old app presented graph data in a confusing manner, hindering users' ability to understand and interpret the information effectively. Enhancing the visualization of graph data was crucial to provide a clear and intuitive representation, enabling users to derive meaningful insights with ease.

Main call to action:

The main call to action 'Test My Script' was buried under multiple tabs, causing difficulties for users to find and engage with it. By combining the integration options with the url test section, the user experience was significantly improved, and friction was reduced.

connect
Atlas Connect
Dev Portal User Flows

In the 'Dev Portal User Flows' section, I designed intuitive pathways for developers to access and use our APIs seamlessly. These flows prioritize user goals, ensuring efficient navigation and integration of our services into their projects.

Gauging Success
Metrics for Dev Portal
Integration Adoption Rate

Measure the percentage of eligible users who have successfully adopted the integration solution. This metric provides insights into how well the solution is being received and utilized.

Data Accuracy and Completeness

Track the accuracy and completeness of data exchanged through the integration. High data accuracy reduces errors and ensures reliable information for HR processes.

Integration Speed

Monitor the time it takes for users to set up and complete the initial integration. A shorter setup time indicates a more user-friendly and efficient solution.

API Usage

Measure the frequency and volume of API usage. This metric helps identify which APIs are in high demand and guides future development efforts.

Customer Satisfaction

Collect user feedback through surveys or post-interaction ratings to gauge satisfaction levels.

Developer Engagement

Measure the level of engagement of developers with the portal, such as the frequency of visits, time spent on the portal, and interactions with the available resources and documentation.

Interview Exploration

Frequency of Use:
How often do you currently use the developer portal—daily, weekly, or monthly?
Frequency of Use:
How often do you currently use the developer portal—daily, weekly, or monthly?
Can you describe the typical tasks or activities you perform on the portal during your usage?
User Goals:
What specific goals or tasks bring you to the developer portal?
Are there particular features or information you regularly seek on the portal?
Content Relevance:
What type of information is most valuable to you on the developer portal?
Are there any specific data points or metrics that you feel are currently missing?
User Journey:
Can you walk me through the typical flow or steps you take when interacting with the developer portal?
Are there any pain points or challenges you encounter during your interaction with the portal?
Customization Needs:
How important is customization on the developer portal for your workflow?
Are there specific elements or sections you would like to be able to customize?
Competitor Comparison:
Are there other developer portals you use that you find particularly well-designed?
What aspects do you like about them?
Improvement Suggestions:
If you could change or improve one thing about the current developer portal, what would it be?
Are there any additional features or functionalities you wish the portal had?
Data Export Functionality:
How frequently do you find the need to export data from the developer portal?
Are there specific data export features or functionalities you would like to see improved or added to enhance your experience?

Homepage Redesign

Revamping the home page for improved usability, optimized data visualization, and enhanced user engagement.
Highlights of changes

The redesign aimed to elevate user satisfaction and create a more engaging experience, incorporating the following changes:

  • New Look and Feel:  Utilized brand colors and typography to create a cohesive and visually appealing design.
  • Design System:  Implemented design system components for both the main app and developer portal to ensure a cohesive user experience.
  • Updated Logo:  Refreshed the logo to align with the new design direction and brand identity.
  • Marketing Images:  Added marketing images to enhance the visual appeal and elevate the overall look of the portal.
  • Icon Library:  Incorporated icons from an icon library to improve visual hierarchy and navigation.
  • CTA:  Introduced a button for seamless navigation from the portal to the main website.
the results

Revamped App Design:
High-Fidelity Visual Concepts

Conclusion:

RRedesigning the developer portal was a rewarding experience that showcased my skills as a product designer. Through user-centric design and iterative prototyping, I transformed the interface into a visually appealing, intuitive, and delightful experience, highlighting my ability to blend aesthetics with usability.

Prev project
Promet Source
Flighthub
Next project