A modular intranet system that centralizes operational workflows and internal collaboration, improving efficiency, clarity, and access to critical information.
A role-based intranet platform designed to centralize communication, shift management, and learning resources for distributed restaurant teams.
The system integrates operational tools and community features into a single interface, improving daily workflows, internal communication, and employee development.
My role involved defining the information architecture, designing key interaction flows, and building a consistent UI system adapted to different user roles (staff and managers).
Before the design phase, the project started with a set of structural and functional challenges:
The project required defining a unified system capable of supporting both operational efficiency and internal communication within a single platform.
Before the design phase, the project started with a set of structural and functional challenges:
The project required defining a unified system capable of supporting both operational efficiency and internal communication within a single platform.
To define the product structure and interaction patterns, a benchmarking analysis was conducted across three main categories:
The objective was to identify proven interaction models and adapt them into a unified system tailored to restaurant operations.
Key insights extracted:
The product is structured as a modular system where each section solves a specific operational need while maintaining consistency across navigation and interaction patterns.
Each module (Schedule, Chat, Learning, Dashboard) follows a predictable structure, reducing cognitive load and enabling fast access to relevant information.
Navigation is persistent and role-based, adapting to different user types while preserving a consistent experience across the platform.
Challenge Solution
Full Figma flow showing relationships between modules and navigation paths.
Overview of the full product flow, connecting all screens and modules into a unified system.
This structure defines how users move across the platform, ensuring consistency between navigation, interaction patterns, and role-based access.
Channel-based communication allows users to organize conversations by topic, reducing noise and improving clarity.
Sidebar, topbar, and chat channels structured for role-based navigation and communication.
Persistent sidebar and topbar designed to provide fast access to core modules and real-time information.
The system adapts to user roles, enabling additional functionalities for managers, while maintaining consistent navigation patterns across the platform.
Weekly schedule view with employee shifts and accumulated working hours.
Weekly schedule interface displaying shifts, assigned roles, and worked hours per employee.
The system provides a clear overview of team activity while allowing access to individual performance and detailed time tracking.
Filters and content categories applied across schedule and learning modules.
Contextual filtering system designed to manage dense information across scheduling and learning modules.
Includes time-based filters (daily, weekly, monthly), status segmentation, and structured content categories to improve navigation and decision-making.
Authentication screens with validation states and structured input logic.
Login, registration, and password reset flows designed to ensure clarity and error prevention.
Input components include multiple states (default, error, success), supporting validation feedback and improving user confidence during access flows.
Atomic components and interaction states used to build scalable UI patterns.
A modular component system built using atomic elements and reusable patterns.
Includes buttons, inputs, icons, user states, and navigation elements with multiple interaction states (default, hover, active, selected).
Variants and variables ensure consistency, scalability, and efficient design iteration across the entire platform.
On this screen, once registered, users will find the inputs needed to access their profile:
If users have not registered yet or have forgotten their password, they can access the registration or password reset screens.
Logically, this is the first screen a new user will see. Without going through this step, they would never access the rest of the sections, including login.
It consists of three inputs where the user must enter:
This ensures the password is entered correctly.
This is a screen that ideally users will rarely need, only if they forget their password.
Similar to the previous screen, but without the email input, users must enter a new password and confirm it.
At the top, we have a filtering area where we can view the employee calendar daily, weekly, or monthly.
It also displays the number of hours worked during the current month up to today (127 hours).
We can also find buttons to print or create a copy of the current screen. In addition, users can access any specific day in the intranet using the filter.
The section displays a table where we can see the different staff members along with information indicating
From a global perspective, we can see the full screen with the sidebar section selected, clearly indicating where the user is located.
In this section I wanted to combine two points requested in the brief into a single feature. These Project Goals merged into the same section are:
From my perspective, the key was to create a chat with multiple channels, where users could talk about different topics — both work-related and non-work-related.
Share their knowledge and activities for work and non-work related topics.
Here we can see categories that concern everyone, such as #Vacations, #Shifts, #Rules. The #Welcome channel is currently being used to welcome a new employee, María Soria, in this example.
This channel is used for non-work topics, such as:
Crew-member can access relevant and updated information to ease their daily tasks.
In this channel, all staff members can find useful information about daily activities, clarify doubts, and quickly ask colleagues questions through the chat.
In the central area, we have the chat conversation.
At the bottom, there is the input field where users can write messages or attach images.
On the right side, there is a list of staff members and managers showing their current status: online or offline.
In the full screen view, we can see that the Chat section in the sidebar is active, indicating the user’s current location.
For this section I took as a reference a platform from which I have learned many programming and design concepts: Udemy.
I really like this platform because of how it distributes information and content, making it easy to remember where you are in a course and quickly find what you are looking for after completing it.
At the top, users choose one of the four main topics included in the course.
Once we select one (for example Customer Service and Hospitality), we can choose how we want to view it:
Once the topic is selected, we can see the different sections.
Within each section there are 2 or 3 sub-areas.
In this example, we are inside Industry Knowledge, viewing the chapter Customer Services, which is highlighted with a yellow background to indicate it is the active section.
Inside the selected chapter (Customer Service), we find all the sections that compose it.
In this case, we are currently in the course introduction within Course Workbook.
This section is special because only users registered with the Manager role can access it.
In this section, the manager can communicate directly with any staff member.
In the sidebar, we see a new element that does not appear in the previous examples (which corresponded to staff profiles): “Manager”.
When entering the Manager section, we find a different chat interface where there are no topic channels, but instead a list of staff members on the left.
On the right side, we find general employee information and links that allow the manager to:
In the center we see the chat messages, and at the bottom there is a message input similar to the previous one but with some differences, such as the ability to send private messages.
This section is the main screen that a staff member will see after logging in. It summarizes information from the previous sections.
Here we can find:
We can also find new training videos or the last video watched, allowing users to continue from where they left off.6. Login, Register, Reset password & Flow
Outcome Learnings 
Behavior-driven earning platform redesigned to increase activation, retention, and user trust through structured progression and friction reduction.
A portfolio designed to communicate complex projects through structured storytelling and scalable architecture.
An eCommerce platform designed to structure and navigate a highly fragmented product ecosystem, combining bicycles, equipment, and services within a…