crehana
app redesign
crehana
app redesign
crehana
app redesign
04
crehana
APP DESIGN
Crehana evolved from a platform focused exclusively on B2C learning to consolidating itself as a comprehensive HR Tech / HRIS software for enterprise companies. This transition required transforming the mobile application to host not only talent development modules, but a complete human management suite.
Crehana evolved from a platform focused exclusively on B2C learning to consolidating itself as a comprehensive HR Tech / HRIS software for enterprise companies. This transition required transforming the mobile application to host not only talent development modules, but a complete human management suite.
Role:
Senior Product Designer
Role:
Senior Product Designer
Company:
Crehana, HR Platform
Company:
Project for a MicroDegree in UX Design
Timeline:
2025/2026
Timeline:
2025/2026
Context & Pain Points
Limited Navigation & Information Architecture:
The app was designed solely for consuming courses and learning paths. When expanding the product into an HRIS suite, the interface struggled with scalability: there was no intuitive or modular space to house the new talent management modules.
Limited Navigation & Information Architecture:
The app was designed solely for consuming courses and learning paths. When expanding the product into an HRIS suite, the interface struggled with scalability: there was no intuitive or modular space to house the new talent management modules.
Visual Inconsistency:
The app operated in a rigid Dark Mode that didn't align with the Web/Desktop version or the foundations of the new Design System, fragmenting the overall product experience and visual identity.
Visual Inconsistency:
The app operated in a rigid Dark Mode that didn't align with the Web/Desktop version or the foundations of the new Design System, fragmenting the overall product experience and visual identity.
Redesign Goals
Redesign Goals
🔍
Scalable Information Architecture:
Redesign the main interface (Home) to support a modular HR Tech ecosystem.
Scalable Information Architecture:
Redesign the main interface (Home) to support a modular HR Tech ecosystem.
📝
Design System & White-Label Alignment:
Translate visual foundations (foundations, tokens, WCAG accessibility) and multi-brand customization capabilities (White-Label) to the mobile experience.
Design System & White-Label Alignment:
Translate visual foundations (foundations, tokens, WCAG accessibility) and multi-brand customization capabilities (White-Label) to the mobile experience.
🧑🏻
Centralized Employee Experience:
Create a personalized dashboard with quick shortcuts so users can manage their day-to-day in one place.
Centralized Employee Experience:
Create a personalized dashboard with quick shortcuts so users can manage their day-to-day in one place.
🎨
Dedicated App Library:
Create reusable mobile components to speed up design and stay aligned with the web platform.
Dedicated App Library:
Create reusable mobile components to speed up design and stay aligned with the web platform.
The Proposal
The Proposal
Modular Home (My Space)
Modular Home (My Space)
Unlike the previous version (centered solely on continuing courses), we designed "My Space" as the employee's daily control center. It gathers quick actions, metrics, and key information at a glance:
Unlike the previous version (centered solely on continuing courses), we designed "My Space" as the employee's daily control center. It gathers quick actions, metrics, and key information at a glance:
Actionable Shortcuts: Quick access to the client's active modules to complete tasks in a couple of taps (e.g., post in Community or request Time Off).
Attendance Widget: Quick clock-in and clock-out integrated into the header to streamline daily logging.
Featured News and Benefits: Dynamic cards highlighting updates and key incentives, redirecting users directly to the corresponding module.
Community Feed: Displays the latest company post on the main screen to boost engagement and cross-team interaction.
Pending Tasks Section (Module To-Do List): A priority block centralizing tasks requiring immediate action from the employee or manager (e.g., approving vacation requests, signing pending documents, or completing climate surveys).
Actionable Shortcuts: Quick access to the client's active modules to complete tasks in a couple of taps (e.g., post in Community or request Time Off).
Attendance Widget: Quick clock-in and clock-out integrated into the header to streamline daily logging.
Featured News and Benefits: Dynamic cards highlighting updates and key incentives, redirecting users directly to the corresponding module.
Community Feed: Displays the latest company post on the main screen to boost engagement and cross-team interaction.
Pending Tasks Section (Module To-Do List): A priority block centralizing tasks requiring immediate action from the employee or manager (e.g., approving vacation requests, signing pending documents, or completing climate surveys).
Creating the Mobile Library
Creating the Mobile Library
To ensure maximum quality in native interaction patterns (touch targets, bottom sheets, gestures, and navigation):
To ensure maximum quality in native interaction patterns (touch targets, bottom sheets, gestures, and navigation):
Same Foundations, Native Components: We created an app-exclusive component library that inherits global Foundations and Tokens (color, typography, spacing), ensuring total coherence with the Web platform.
Interaction Standardization: We unified buttons, input fields, empty states, and modular components under clear guidelines for mobile design and development.
Same Foundations, Native Components: We created an app-exclusive component library that inherits global Foundations and Tokens (color, typography, spacing), ensuring total coherence with the Web platform.
Interaction Standardization: We unified buttons, input fields, empty states, and modular components under clear guidelines for mobile design and development.
White-Label Support
White-Label Support
The same engine as Desktop on Mobile: For this initial version focused 100% on the employee, the app automatically consumes the brand identity configured by the company on the Web platform.
Theming Tokens Architecture: We implemented dynamic tokens in the App Library, ensuring brand changes apply across the entire interface without compromising accessibility or contrast (WCAG AA).
The same engine as Desktop on Mobile: For this initial version focused 100% on the employee, the app automatically consumes the brand identity configured by the company on the Web platform.
Theming Tokens Architecture: We implemented dynamic tokens in the App Library, ensuring brand changes apply across the entire interface without compromising accessibility or contrast (WCAG AA).
Module Ecosystem
Module Ecosystem
We redesigned key flows to support the employee at every stage of their journey:
We redesigned key flows to support the employee at every stage of their journey:
Time Off
Community
Documents
My Courses & Learning Paths
Crehana AI
Climate Surveys
TIME OFF
Request time off in seconds
Request time off in seconds
A streamlined flow to check available days, request leave in seconds, and track the status of each request.
A streamlined flow to check available days, request leave in seconds, and track the status of each request.
Leader Experience (Approvals): The app identifies user roles and activates the team Approvals/Requests tab, allowing managers to review details and approve or deny leave with a single tap.
Leader Experience (Approvals): The app identifies user roles and activates the team Approvals/Requests tab, allowing managers to review details and approve or deny leave with a single tap.
COMMUNITY
Connect and share with your team
Connect and share with your team
A social space where both the company and employees can create posts and join discussion channels based on shared affinities and interests, strengthening internal culture.
A social space where both the company and employees can create posts and join discussion channels based on shared affinities and interests, strengthening internal culture.
Affinity-based thematic channels: Dedicated spaces (e.g., Plant Lovers) to connect with colleagues beyond daily work tasks.
Rich content creation: Flexible formatting to publish text, images, links, and structure ideas in a few taps.
Engagement and vibrant culture: Feed with reactions, threaded comments, and notifications to keep the conversation active.
Affinity-based thematic channels: Dedicated spaces (e.g., Plant Lovers) to connect with colleagues beyond daily work tasks.
Rich content creation: Flexible formatting to publish text, images, links, and structure ideas in a few taps.
Engagement and vibrant culture: Feed with reactions, threaded comments, and notifications to keep the conversation active.
DOCUMENTS
All your company's key information, in real time
All your company's key information, in real time
Dedicated module to consult official announcements, internal policies, and manage organizational regulatory documents from a single location.
Dedicated module to consult official announcements, internal policies, and manage organizational regulatory documents from a single location.
Pending tasks and signatures management: Centralizes high-priority tasks like contract signing, data updates, or mandatory readings with clear deadlines.
Folder and file structure: Intuitive organization by categories (e.g., Hiring, Inspections) with completion progress bars.
Integrated digital signature: Native viewer with zoom controls and a streamlined flow to review and sign legal documents in a few taps.
Pending tasks and signatures management: Centralizes high-priority tasks like contract signing, data updates, or mandatory readings with clear deadlines.
Folder and file structure: Intuitive organization by categories (e.g., Hiring, Inspections) with completion progress bars.
Integrated digital signature: Native viewer with zoom controls and a streamlined flow to review and sign legal documents in a few taps.
MY COURSES & LEARNING PATHS
Your professional growth, at your own pace
Your professional growth, at your own pace
We adapted the legacy learning ecosystem to the new Design System architecture. We redesigned everything from the main catalog with progress filters (In Progress, Assigned, Mandatory) to detailed course cards and guided learning paths with milestone tracking and certification.
We adapted the legacy learning ecosystem to the new Design System architecture. We redesigned everything from the main catalog with progress filters (In Progress, Assigned, Mandatory) to detailed course cards and guided learning paths with milestone tracking and certification.
Unified course experience: Organized by status, structured content sheets, and quick player access.
Guided learning paths: Step-by-step progress tracking, deadlines, and criteria for earning certifications.
Unified course experience: Organized by status, structured content sheets, and quick player access.
Guided learning paths: Step-by-step progress tracking, deadlines, and criteria for earning certifications.
Crehana ai
Technology that feels human
Technology that feels human
Real-time intelligent assistance to resolve questions about internal company processes and boost productivity.
Real-time intelligent assistance to resolve questions about internal company processes and boost productivity.
Instant support: Answers operational queries (vacation balance, leave, and policies) without needing to open an HR ticket.
Guided experience: Combines free-text inputs with suggested prompts to make interaction easy for any user.
Instant support: Answers operational queries (vacation balance, leave, and policies) without needing to open an HR ticket.
Guided experience: Combines free-text inputs with suggested prompts to make interaction easy for any user.
CLIMATE SURVEYS
Your voice shapes company culture
Conecta y comparte
con tu equipo
The first Talent module adapted 100% to the app, allowing employees to answer climate surveys and eNPS quickly and accessibly.
The first Talent module adapted 100% to the app, allowing employees to answer climate surveys and eNPS quickly and accessibly.
Centralized surveys: Dashboard organized by pending and closed evaluations with deadline and status indicators.
Optimized response experience: Adaptable formats (single choice, numeric 0-10 NPS scales, and open-text fields) designed for touch interaction.
Guided navigation: Step-by-step flow with progress bar, question counter, and autosave to prevent data loss.
Centralized surveys: Dashboard organized by pending and closed evaluations with deadline and status indicators.
Optimized response experience: Adaptable formats (single choice, numeric 0-10 NPS scales, and open-text fields) designed for touch interaction.
Guided navigation: Step-by-step flow with progress bar, question counter, and autosave to prevent data loss.
Did you love
what you saw here?
Did you love
what you saw here?
Drop me a line!
Drop me a line!
Copyright © 2026 Raquel Sedano. All Rights Reserved.
Did you love
what you saw here?
A quick look into my experience, skill set,
and background.
Copyright © 2026 Raquel Sedano. All Rights Reserved.