SkyAlign ___ Candidate Placement Platform
UI/UX Design · Visual playbooks · Data Visualization · Design systems · Wireframing & Prototyping · Branding
SkyAlign is a digital platform designed to simplify complex decision-making processes related to job matching and candidate placement. The system translates analytical data into an intuitive, human-centered interface, helping organizations visualize skills, experience, and compatibility in a structured and engaging way. It merges clarity, logic, and design to support efficient, data-driven decisions while keeping the experience approachable and modern.
SkyAlign platforms
BRIEF
I was asked to design a job classification and placement system that would make the process of assigning candidates to roles simpler, faster, and more transparent. The main goal was to create a clean and easy-to-use interface capable of presenting large amounts of information clearly, allowing users to filter, compare, and evaluate candidates with confidence.
Goal
To design a comprehensive, user-friendly system for managing and matching candidates to open positions. The system needed to present large sets of candidate and job data in a clear, accessible way, supporting quick decision-making and collaboration among different users.
Wireframes
PROCESS
Research & Discovery: Conducted interviews and workflow analyses to understand how users evaluate and match candidates.
Information Architecture: Structured the system around clear hierarchies - roles, skills, experience, and candidate attributes.
Wireframing & Prototyping: Designed and tested low- to high-fidelity prototypes, focusing on legibility and user flow.
Design System: Defined typography, color hierarchy, and UI components optimized for data clarity and minimal cognitive load.
Visualization Tools: Introduced custom charts and graphs, such as a spider graph, to display multi-dimensional performance metrics.
Iteration & Testing: Refined designs based on usability feedback, improving efficiency and user comprehension.
One of the system’s most distinctive features is the Spider Graph visualization, designed to help decision-makers compare candidates across multiple criteria at a glance.
Each axis represents a key performance or personality indicator — such as experience, leadership, adaptability, and teamwork — visualized as a connected shape that shows both strengths and gaps.
Primary ux sociometric graph
Designed sociometric graph
The Spider Graph: Data Made Human
ROLE
Led the UI/UX design process: from research and information architecture to prototyping and visual design.
Developed a design system and data visualization framework for comparing candidates and evaluating performance.
Collaborated with developers and stakeholders to align business logic with usability goals.
Designed key modules: main workspace, candidate profile, comparison dashboard, and visualization tools.
SOFT SKILLS
Visual Storytelling & Clarity: Translating complex data into a visual system that communicates hierarchy, intent, and emotion. Built flows that guide users through information naturally, combining structure with narrative thinking.
System Thinking: Approached the product as an evolving ecosystem, designing scalable components and logic-based structures that ensured visual and functional consistency across the entire interface.
Attention to Detail: Refined every layer of the interface - typography, spacing, and interaction patterns, to balance precision with visual softness. Maintained clear organization and documentation throughout the design process.
Cross-Functional Collaboration: Worked hand-in-hand with developers and data experts to merge design vision with technical functionality. Communicated design intent clearly, providing structured feedback and creative direction.
Adaptability & Iteration: Adjusted designs through an iterative process, integrating user feedback and team insights to improve usability and flow. Remained flexible while maintaining design integrity and purpose.
Brand Translation: Translated an existing visual identity into a digital system that feels coherent, modern, and purposeful. Balanced clarity with creativity to ensure the interface aligned with brand values and tone.
Strategic Vision & Problem Solving: Viewed each design decision as part of a larger narrative, aligning product goals, user needs, and visual expression into a seamless experience that supports confident decision-making.
Personal slide - Candidate tab
IMPACT
SkyAlign transformed the role classification and placement process into a structured, transparent, and user-friendly experience.
-
Enhanced the ability to analyze and compare candidate data across multiple metrics.
-
Improved efficiency and reduced decision-making time through clear visualization and navigation.
-
Created a scalable design foundation that can evolve with organizational needs.
-
Received positive feedback for usability, clarity, and aesthetic coherence.
Designing SkyAlign reinforced the importance of clarity in data-heavy systems. I learned how small interface decisions: hierarchy, spacing, color tone, can dramatically improve comprehension and confidence for users. The project deepened my understanding of data visualization, system design, and iterative collaboration across disciplines.