



Xplora
Xplora
digital platform
Redesign
UX/UI
Prototyping
Research




Xplora
Xplora
digital platform
Redesign
UX/UI
Prototyping
Research




Xplora
Xplora
digital platform
Redesign
UX/UI
Prototyping
Research

Why Redesign?
Why Redesign?
Why Redesign?
A redesign was essential to:
A redesign was essential to:
A redesign was essential to:
Modernize Xplora’s visual identity and align it with Seguros Bolívar’s brand
Improve usability and resolve functional limitations in the current platform
Simplify complex learning content through clearer structure and hierarchy
Create a consistent experience across web and mobile
Ensure the platform communicates its value clearly from the first interaction
Build a scalable, user-centered learning tool for long-term growth
Modernize Xplora’s visual identity and align it with Seguros Bolívar’s brand
Improve usability and resolve functional limitations in the current platform
Simplify complex learning content through clearer structure and hierarchy
Create a consistent experience across web and mobile
Ensure the platform communicates its value clearly from the first interaction
Build a scalable, user-centered learning tool for long-term growth
Modernize Xplora’s visual identity and align it with Seguros Bolívar’s brand
Improve usability and resolve functional limitations in the current platform
Simplify complex learning content through clearer structure and hierarchy
Create a consistent experience across web and mobile
Ensure the platform communicates its value clearly from the first interaction
Build a scalable, user-centered learning tool for long-term growth
The main challenge was to deliver a meaningful UX improvement while working within these technical and business boundaries.
The main challenge was to deliver a meaningful UX improvement while working within these technical and business boundaries.
The main challenge was to deliver a meaningful UX improvement while working within these technical and business boundaries.




What is Xplora website about?
What is Xplora website about?
What is Xplora website about?
Xplora is Seguros Bolívar’s digital learning platform, designed to support internal teams by centralizing training content, educational resources, and knowledge related to the company’s products and services.
The platform enables users to access learning materials in a structured and accessible way, helping teams stay informed, aligned, and continuously trained. As part of this project, Xplora was reimagined not only with a new visual identity, but also as a more robust, functional, and user-centered learning experience that better supports day-to-day use and long-term scalability.
Xplora is Seguros Bolívar’s digital learning platform, designed to support internal teams by centralizing training content, educational resources, and knowledge related to the company’s products and services.
The platform enables users to access learning materials in a structured and accessible way, helping teams stay informed, aligned, and continuously trained. As part of this project, Xplora was reimagined not only with a new visual identity, but also as a more robust, functional, and user-centered learning experience that better supports day-to-day use and long-term scalability.
Xplora is Seguros Bolívar’s digital learning platform, designed to support internal teams by centralizing training content, educational resources, and knowledge related to the company’s products and services.
The platform enables users to access learning materials in a structured and accessible way, helping teams stay informed, aligned, and continuously trained. As part of this project, Xplora was reimagined not only with a new visual identity, but also as a more robust, functional, and user-centered learning experience that better supports day-to-day use and long-term scalability.
Website UX/UI Design
Website UX/UI Design
Website UX/UI Design
2025
2025
2025
UI Design
UI Design
UI Design
UX Design
UX Design
UX Design
Wireframing
Wireframing
Wireframing
Prototype
Prototype
Prototype
EdTech Platform
EdTech Platform
EdTech Platform

Online Learning

Online Learning

Online Learning
The Process
The Process
The Process
The process combined user research, strategic wireframing, and modern UI design to deliver a more effective and enjoyable learning platfom.
The process combined user research, strategic wireframing, and modern UI design to deliver a more effective and enjoyable learning platfom.
The process combined user research, strategic wireframing, and modern UI design to deliver a more effective and enjoyable learning platfom.
Strategy
Strategy
Strategy
scalable
scalable
scalable
DISCOVERY
DISCOVERY
DISCOVERY
DESIGN
DESIGN
DESIGN
DELIVERY
DELIVERY
DELIVERY
Research & User Anaysis
Research & User Anaysis
Research & User Anaysis
Branding
Branding
Branding
UX/UI
UX/UI
UX/UI
Website/App Development
Website/App Development
Website/App Development
Information Arquitecture
Information Arquitecture
Information Arquitecture
Strategy
Strategy
Strategy
Wireframing
Wireframing
Wireframing
Testing MVP flow
Testing MVP flow
Testing MVP flow

xplora.segurosbolivar.com
xplora.segurosbolivar.com
xplora.segurosbolivar.com

Problem
Problem
Problem
The existing platform had functional and structural limitations that restricted flexibility and scalability.
The existing platform had functional and structural limitations that restricted flexibility and scalability.
The existing platform had functional and structural limitations that restricted flexibility and scalability.
Content was dense and difficult to scan, making learning paths unclear.
Content was dense and difficult to scan, making learning paths unclear.
Content was dense and difficult to scan, making learning paths unclear.
Inconsistencies between web and mobile experiences affected usability and trust.
Inconsistencies between web and mobile experiences affected usability and trust.
Inconsistencies between web and mobile experiences affected usability and trust.
Some design decisions were constrained by client requirements and business needs.
Some design decisions were constrained by client requirements and business needs.
Some design decisions were constrained by client requirements and business needs.
Solution
Solution
Solution
The redesign worked within the platform’s technical constraints, prioritizing high-impact improvements in structure, navigation, and visual hierarchy without compromising usability.
The redesign worked within the platform’s technical constraints, prioritizing high-impact improvements in structure, navigation, and visual hierarchy without compromising usability.
The redesign worked within the platform’s technical constraints, prioritizing high-impact improvements in structure, navigation, and visual hierarchy without compromising usability.
Content was reorganized into clearer sections with improved hierarchy, spacing, and modular layouts to support easier exploration and understanding.
Content was reorganized into clearer sections with improved hierarchy, spacing, and modular layouts to support easier exploration and understanding.
Content was reorganized into clearer sections with improved hierarchy, spacing, and modular layouts to support easier exploration and understanding.
A unified design system was created to ensure visual and interaction consistency across devices.
A unified design system was created to ensure visual and interaction consistency across devices.
A unified design system was created to ensure visual and interaction consistency across devices.
Design solutions balanced user experience with stakeholder expectations, aligning visual updates and interactions with Seguros Bolívar’s goals while maintaining usability.
Design solutions balanced user experience with stakeholder expectations, aligning visual updates and interactions with Seguros Bolívar’s goals while maintaining usability.
Design solutions balanced user experience with stakeholder expectations, aligning visual updates and interactions with Seguros Bolívar’s goals while maintaining usability.



Consistent UI Elements
Consistent UI Elements
Consistent UI Elements
Responsive Design
Responsive Design
Responsive Design

Modular Content Blocks
Modular Content Blocks
Modular Content Blocks
Visual Clarity
Visual Clarity
Visual Clarity
more intuitive
more intuitive
more intuitive
scalable
scalable
scalable


Simplified Navigation
Simplified Navigation
Simplified Navigation
Prototype
Prototype
Prototype






THANK YOU
THANK YOU
THANK YOU
THANK YOU
THANK YOU
THANK YOU
scalable
scalable
scalable
Design Takeaways
Design Takeaways
Design Takeaways
Clarity over Complexity: Simplify flows even within technical limits.
Clarity over Complexity: Simplify flows even within technical limits.
Clarity over Complexity: Simplify flows even within technical limits.
Consistency Builds Trust: Unify patterns to help users form reliable expectatio
Consistency Builds Trust: Unify patterns to help users form reliable expectatio
Consistency Builds Trust: Unify patterns to help users form reliable expectatio
Design for Growth: Build with scalability in mind — modules and systems beat one-off fixes.
Design for Growth: Build with scalability in mind — modules and systems beat one-off fixes.
Design for Growth: Build with scalability in mind — modules and systems beat one-off fixes.
Good design lives in the balance between user needs and business constraints. The most impactful solutions are not always the most radical, but the ones that improve clarity and usability while respecting technical limitations and stakeholder priorities.
Good design lives in the balance between user needs and business constraints. The most impactful solutions are not always the most radical, but the ones that improve clarity and usability while respecting technical limitations and stakeholder priorities.
Good design lives in the balance between user needs and business constraints. The most impactful solutions are not always the most radical, but the ones that improve clarity and usability while respecting technical limitations and stakeholder priorities.