Genie
Genie
Genie is an internal AI platform developed by Avenga to enhance operational efficiency across departments.
Genie is an internal AI platform developed by Avenga to enhance operational efficiency across departments.
Genie is the partner that...
Genie is the partner that...
...understands your needs. ...thinks with you, not for you. ...learns your workflow. ...anticipates the next step.
...understands your needs. ...thinks with you, not for you. ...learns your workflow. ...anticipates the next step.
Genie helps Avenga teams automate internal workflows and make company data instantly usable.
The HR Helper module streamlines profile management, onboarding, and documentation through AI-driven insights while keeping all data secure within the enterprise.
Genie helps Avenga teams automate internal workflows and make company data instantly usable.
The HR Helper module streamlines profile management, onboarding, and documentation through AI-driven insights while keeping all data secure within the enterprise.
My Role
My Role
Senior Product Designer
Senior Product Designer
Deliverables
Deliverables
Prototypes
Prototypes
UX/UI
UX/UI
Team
Team
Senior Product Designer
Senior Product Designer
Business Analyst
Business Analyst
Dev team
Dev team
What was problem?
What was problem?
Avenga needed to design an internal platform that provided access to documentation, CVs, corporate information, matrices, and all company-related artifacts.
Avenga planned to expand the product with additional AI-powered modules capable of providing suggestions and making code adjustments. However, this was scheduled for later development phases. Our goal was to release an MVP featuring a single module that demonstrated the platform’s core functionality.
Avenga needed to design an internal platform that provided access to documentation, CVs, corporate information, matrices, and all company-related artifacts.
Avenga planned to expand the product with additional AI-powered modules capable of providing suggestions and making code adjustments. However, this was scheduled for later development phases. Our goal was to release an MVP featuring a single module that demonstrated the platform’s core functionality.
Approach
Approach
The process followed a condensed design-sprint format — from quick research and flow mapping to interactive prototype delivery. The focus was on clarity, usability, and visual alignment with Avenga’s internal tools.
We had limited time to deliver the MVP — just a few weeks — so we focused on rapid iterations and frequent syncs to maintain momentum. The first step was researching existing AI chat experiences to understand common interaction patterns and identify design principles that could shape Genie’s conversational flow.
The process followed a condensed design-sprint format — from quick research and flow mapping to interactive prototype delivery. The focus was on clarity, usability, and visual alignment with Avenga’s internal tools.
We had limited time to deliver the MVP — just a few weeks — so we focused on rapid iterations and frequent syncs to maintain momentum. The first step was researching existing AI chat experiences to understand common interaction patterns and identify design principles that could shape Genie’s conversational flow.
Research
Research
Competitive Analysis: Learning from the Leaders
Before designing, I deconstructed the top AI chats to understand what works. This research focused on their layout, interaction models, and visual hierarchy. The insights gathered directly informed our design guidelines, ensuring we built on proven conventions rather than reinventing the wheel.
Competitive Analysis: Learning from the Leaders
Before designing, I deconstructed the top AI chats to understand what works. This research focused on their layout, interaction models, and visual hierarchy. The insights gathered directly informed our design guidelines, ensuring we built on proven conventions rather than reinventing the wheel.
Study Materials
Defining the Framework
To translate research insights into actionable guidelines, I synthesized the key findings into a core set of design principles. This artifact served as the foundational blueprint for all subsequent design decisions, ensuring consistency and user-centricity throughout the process.
Defining the Framework
To translate research insights into actionable guidelines, I synthesized the key findings into a core set of design principles. This artifact served as the foundational blueprint for all subsequent design decisions, ensuring consistency and user-centricity throughout the process.
Prototyping
Prototyping
Facing a compressed timeline, the strategy was to prioritize speed and clarity in the initial phase. Instead of detailing every interaction, I focused on creating a low-fidelity wireframe to establish the core application layout and user flow. This foundational step allowed for quick alignment with stakeholders on the fundamental structure before investing time in high-fidelity UI design and complex states.
Facing a compressed timeline, the strategy was to prioritize speed and clarity in the initial phase. Instead of detailing every interaction, I focused on creating a low-fidelity wireframe to establish the core application layout and user flow. This foundational step allowed for quick alignment with stakeholders on the fundamental structure before investing time in high-fidelity UI design and complex states.
Visual Style
Visual Style
As work on the new visual language was underway in parallel with Genie inside Avenga, the team made the decision to adopt the new corporate style: typography, colors, and logo. Here, I will showcase the specific elements I utilized for the design.
As work on the new visual language was underway in parallel with Genie inside Avenga, the team made the decision to adopt the new corporate style: typography, colors, and logo. Here, I will showcase the specific elements I utilized for the design.
Typography
Colors and Logo
Design
Design
I dedicated some time to determine the product's final appearance based on the corporate style. I experimented with various combinations and found a strong solution that highlights Avenga's identity through the visual language.
I dedicated some time to determine the product's final appearance based on the corporate style. I experimented with various combinations and found a strong solution that highlights Avenga's identity through the visual language.
Mobile designs
Having established the mobile experience, the next step was to scale the interface for the desktop environment. The core challenge was to utilize the increased screen real estate effectively without compromising the clean, focused aesthetic we achieved on mobile.
Having established the mobile experience, the next step was to scale the interface for the desktop environment. The core challenge was to utilize the increased screen real estate effectively without compromising the clean, focused aesthetic we achieved on mobile.
Desktop designs
Next Steps & Future Vision
Next Steps & Future Vision
With the MVP design finalized and handed off, my active involvement in the project's initial stage was complete. The delivered assets and foundational UX principles provide a clear roadmap for development and set the stage for future iterations based on real user data and feedback post-launch.
With the MVP design finalized and handed off, my active involvement in the project's initial stage was complete. The delivered assets and foundational UX principles provide a clear roadmap for development and set the stage for future iterations based on real user data and feedback post-launch.
Keep reading
Keep reading
More examples of design that drives results.
More examples of design that drives results.