Geles Lluna
Menu
Close
Client
Neom
ROLE
ui design
Industry
agency
Year
2023
Info
As a UI Designer at Media.Monks, I collaborated closely with UX strategists and designers to revamp Neom's digital presence. Neom is a visionary project aiming to create a sustainable and technologically advanced city in Saudi Arabia. My role involved designing intuitive components, crafting custom icons, and developing cohesive page layouts for the Neom website. I also prototyped interactive flows to ensure seamless user experiences across the platform.
Client
Neom
ROLE
ui design
Industry
agency
Year
2023
Info
As a UI Designer at Media.Monks, I collaborated closely with UX strategists and designers to revamp Neom's digital presence. Neom is a visionary project aiming to create a sustainable and technologically advanced city in Saudi Arabia. My role involved designing intuitive components, crafting custom icons, and developing cohesive page layouts for the Neom website. I also prototyped interactive flows to ensure seamless user experiences across the platform.
what is neom
Neom is a bold, futuristic city project in Saudi Arabia designed to be a hub for innovation, sustainability, and cutting-edge technology. It aims to integrate smart infrastructure, renewable energy, and advanced urban planning to create a model for next-generation living and working environments.
what is neom
Neom is a bold, futuristic city project in Saudi Arabia designed to be a hub for innovation, sustainability, and cutting-edge technology. It aims to integrate smart infrastructure, renewable energy, and advanced urban planning to create a model for next-generation living and working environments.
impact
The redesigned Neom website has: Improved User Engagement: Increased time spent on the site and reduced bounce rates, indicating a more engaging user experience. Positive Client Feedback: The client expressed satisfaction with the design, leading to further collaboration opportunities. Recognition: The project was featured in design showcases, highlighting its innovative approach and execution.
solution
The redesigned Neom website now features: Consistent Design Language: Unified UI components and custom icons that reflect Neom's brand identity. Enhanced User Experience: Intuitive navigation and responsive layouts that cater to a global audience. Interactive Prototypes: Engaging prototypes that effectively communicate user flows and interactions. Collaborative Design Process: A seamless integration of UI design with UX strategy, ensuring a holistic approach to the project's objectives.
my approach
To address these challenges, I: Component Design: Developed reusable UI components to ensure consistency across the platform. Iconography: Created custom icons that aligned with Neom's futuristic and sustainable ethos. Page Layouts: Designed intuitive and responsive page layouts to enhance user engagement. Prototyping: Built interactive prototypes to visualize user flows and gather stakeholder feedback. Collaboration: Worked closely with UX strategists and designers, ensuring alignment between user experience and interface design.
challenge
Neom's digital presence required a complete overhaul to align with its futuristic vision. The existing website lacked consistency, intuitive navigation, and a cohesive design language. Given the project's scale and the client's high expectations, we faced tight deadlines and the challenge of coordinating across different time zones, especially with the client based in Saudi Arabia. Effective communication and timely delivery were paramount to meet the client's demands.
challenge
Neom's digital presence required a complete overhaul to align with its futuristic vision. The existing website lacked consistency, intuitive navigation, and a cohesive design language. Given the project's scale and the client's high expectations, we faced tight deadlines and the challenge of coordinating across different time zones, especially with the client based in Saudi Arabia. Effective communication and timely delivery were paramount to meet the client's demands.
what is neom
Neom is a bold, futuristic city project in Saudi Arabia designed to be a hub for innovation, sustainability, and cutting-edge technology. It aims to integrate smart infrastructure, renewable energy, and advanced urban planning to create a model for next-generation living and working environments.
my approach
To address these challenges, I: Component Design: Developed reusable UI components to ensure consistency across the platform. Iconography: Created custom icons that aligned with Neom's futuristic and sustainable ethos. Page Layouts: Designed intuitive and responsive page layouts to enhance user engagement. Prototyping: Built interactive prototypes to visualize user flows and gather stakeholder feedback. Collaboration: Worked closely with UX strategists and designers, ensuring alignment between user experience and interface design.
challenge
Neom's digital presence required a complete overhaul to align with its futuristic vision. The existing website lacked consistency, intuitive navigation, and a cohesive design language. Given the project's scale and the client's high expectations, we faced tight deadlines and the challenge of coordinating across different time zones, especially with the client based in Saudi Arabia. Effective communication and timely delivery were paramount to meet the client's demands.
solution
The redesigned Neom website now features: Consistent Design Language: Unified UI components and custom icons that reflect Neom's brand identity. Enhanced User Experience: Intuitive navigation and responsive layouts that cater to a global audience. Interactive Prototypes: Engaging prototypes that effectively communicate user flows and interactions. Collaborative Design Process: A seamless integration of UI design with UX strategy, ensuring a holistic approach to the project's objectives.
my approach
To address these challenges, I: Component Design: Developed reusable UI components to ensure consistency across the platform. Iconography: Created custom icons that aligned with Neom's futuristic and sustainable ethos. Page Layouts: Designed intuitive and responsive page layouts to enhance user engagement. Prototyping: Built interactive prototypes to visualize user flows and gather stakeholder feedback. Collaboration: Worked closely with UX strategists and designers, ensuring alignment between user experience and interface design.
impact
The redesigned Neom website has: Improved User Engagement: Increased time spent on the site and reduced bounce rates, indicating a more engaging user experience. Positive Client Feedback: The client expressed satisfaction with the design, leading to further collaboration opportunities. Recognition: The project was featured in design showcases, highlighting its innovative approach and execution.
solution
The redesigned Neom website now features: Consistent Design Language: Unified UI components and custom icons that reflect Neom's brand identity. Enhanced User Experience: Intuitive navigation and responsive layouts that cater to a global audience. Interactive Prototypes: Engaging prototypes that effectively communicate user flows and interactions. Collaborative Design Process: A seamless integration of UI design with UX strategy, ensuring a holistic approach to the project's objectives.
impact
The redesigned Neom website has: Improved User Engagement: Increased time spent on the site and reduced bounce rates, indicating a more engaging user experience. Positive Client Feedback: The client expressed satisfaction with the design, leading to further collaboration opportunities. Recognition: The project was featured in design showcases, highlighting its innovative approach and execution.
screen production
As part of the NEOM website project at Media Monks, I was responsible for the UI design of the Screen Production page, an area dedicated to showcasing NEOM’s cutting-edge media and film infrastructure. My goal was to create a visually compelling, responsive layout that effectively communicated the scale and ambition of NEOM’s production facilities, including sound stages, backlots, and studio support zones. I designed interactive components and flexible content blocks that allowed for a seamless user experience across devices, while maintaining a strong visual hierarchy to highlight key information. The final result balanced clarity with impact, supporting NEOM’s positioning as a global destination for world-class content creation.
Screen production
As part of the NEOM website project at Media Monks, I was responsible for the UI design of the Screen Production page, an area dedicated to showcasing NEOM’s cutting-edge media and film infrastructure. My goal was to create a visually compelling, responsive layout that effectively communicated the scale and ambition of NEOM’s production facilities, including sound stages, backlots, and studio support zones. I designed interactive components and flexible content blocks that allowed for a seamless user experience across devices, while maintaining a strong visual hierarchy to highlight key information. The final result balanced clarity with impact, supporting NEOM’s positioning as a global destination for world-class content creation.
screen production
As part of the NEOM website project at Media Monks, I was responsible for the UI design of the Screen Production page, an area dedicated to showcasing NEOM’s cutting-edge media and film infrastructure. My goal was to create a visually compelling, responsive layout that effectively communicated the scale and ambition of NEOM’s production facilities, including sound stages, backlots, and studio support zones. I designed interactive components and flexible content blocks that allowed for a seamless user experience across devices, while maintaining a strong visual hierarchy to highlight key information. The final result balanced clarity with impact, supporting NEOM’s positioning as a global destination for world-class content creation.
oxagon
My work on this project was primarily focused on UI design, where I created a set of responsive, interactive components aimed at capturing user attention and presenting information about Oxagon in a clear and engaging way. The goal was to design a dynamic experience that encouraged exploration while maintaining visual clarity across devices. Each component was thoughtfully crafted to adapt responsively, guiding users through the content in a way that felt both intuitive and visually compelling. This UI-driven approach played a key role in making complex information more accessible and enhancing overall user engagement.
oxagon
My work on this project was primarily focused on UI design, where I created a set of responsive, interactive components aimed at capturing user attention and presenting information about Oxagon in a clear and engaging way. The goal was to design a dynamic experience that encouraged exploration while maintaining visual clarity across devices. Each component was thoughtfully crafted to adapt responsively, guiding users through the content in a way that felt both intuitive and visually compelling. This UI-driven approach played a key role in making complex information more accessible and enhancing overall user engagement.
Contact page
For the Contact page of the NEOM website, my focus was on creating a clean, intuitive, and responsive UI that made it easy for users to get in touch. While the page was more static compared to other sections, it played a key role in supporting user engagement and accessibility. I designed a clear layout with well-structured information, emphasizing simplicity, readability, and visual consistency with the rest of the site. Attention was given to form usability, spacing, and responsiveness to ensure a smooth experience across devices and screen sizes. This page served as a functional bridge between the user and the NEOM team, reinforcing trust and professionalism through thoughtful design.
contact page
For the Contact page of the NEOM website, my focus was on creating a clean, intuitive, and responsive UI that made it easy for users to get in touch. While the page was more static compared to other sections, it played a key role in supporting user engagement and accessibility. I designed a clear layout with well-structured information, emphasizing simplicity, readability, and visual consistency with the rest of the site. Attention was given to form usability, spacing, and responsiveness to ensure a smooth experience across devices and screen sizes. This page served as a functional bridge between the user and the NEOM team, reinforcing trust and professionalism through thoughtful design.
Contact page
For the Contact page of the NEOM website, my focus was on creating a clean, intuitive, and responsive UI that made it easy for users to get in touch. While the page was more static compared to other sections, it played a key role in supporting user engagement and accessibility. I designed a clear layout with well-structured information, emphasizing simplicity, readability, and visual consistency with the rest of the site. Attention was given to form usability, spacing, and responsiveness to ensure a smooth experience across devices and screen sizes. This page served as a functional bridge between the user and the NEOM team, reinforcing trust and professionalism through thoughtful design.
