PROJECTS
Balancing aesthetics & usability to create a digital art gallery.
Balancing aesthetics & usability to create a digital art gallery.
PRODUCT
Mokhtar Gallery
UX/UI Design
DESIGN PROCESS
UX Research
UI Design
Synthesis
Analysis & Testing
INDUSTRY
Art & Design
DURATION
2023
10 Weeks
Metrics
BUSINESS
20%
Conversion Rate
Conversion Rate
USER
30%
Gallery Visits
Gallery Visits
+3 Iteration Testing
+3 Iteration Testing
+15% Time on Site
+15% Time on Site
Project Overview
The Mokhtar Gallery Website Design project was created to showcase Mokhtar’s diverse artistic creations, including photography, painting, digital art, and 3D printing. The website provides users with a gallery-like experience, offering intuitive navigation and immersive storytelling. It highlights the artist's unique vision while enabling visitors to explore, connect with, and even purchase artworks through an integrated shop linked to Etsy.
Project Overview
The Mokhtar Gallery Website Design project was created to showcase Mokhtar’s diverse artistic creations, including photography, painting, digital art, and 3D printing. The website provides users with a gallery-like experience, offering intuitive navigation and immersive storytelling. It highlights the artist's unique vision while enabling visitors to explore, connect with, and even purchase artworks through an integrated shop linked to Etsy.
Project Overview
The Mokhtar Gallery Website Design project was created to showcase Mokhtar’s diverse artistic creations, including photography, painting, digital art, and 3D printing. The website provides users with a gallery-like experience, offering intuitive navigation and immersive storytelling. It highlights the artist's unique vision while enabling visitors to explore, connect with, and even purchase artworks through an integrated shop linked to Etsy.
Problem Statement
The artist needed a digital platform to showcase his diverse artwork while ensuring an seamless user experience and allowing tailored content for specific pages without disrupting design consistency.
Problem Statement
The artist needed a digital platform to showcase his diverse artwork while ensuring an seamless user experience and allowing tailored content for specific pages without disrupting design consistency.
Problem Statement
The artist needed a digital platform to showcase his diverse artwork while ensuring an seamless user experience and allowing tailored content for specific pages without disrupting design consistency.
User Research
The research phase focused on understanding user behavior and identifying best practices for art portfolio websites. Clean, neutral designs were found to be most effective in highlighting artworks, while card-based layouts allowed for intuitive exploration. Mobile responsiveness was a priority to ensure accessibility across all devices.
Pain Points:
Difficulty of finding specific artworks on cluttered platforms.
A lack of engaging storytelling to connect users to the artist’s journey, and accessibility challenges for users unfamiliar with technical interfaces.
User Research
The research phase focused on understanding user behavior and identifying best practices for art portfolio websites. Clean, neutral designs were found to be most effective in highlighting artworks, while card-based layouts allowed for intuitive exploration. Mobile responsiveness was a priority to ensure accessibility across all devices.
Pain Points:
Difficulty of finding specific artworks on cluttered platforms.
A lack of engaging storytelling to connect users to the artist’s journey, and accessibility challenges for users unfamiliar with technical interfaces.
User Research
The research phase focused on understanding user behavior and identifying best practices for art portfolio websites. Clean, neutral designs were found to be most effective in highlighting artworks, while card-based layouts allowed for intuitive exploration. Mobile responsiveness was a priority to ensure accessibility across all devices.
Pain Points:
Difficulty of finding specific artworks on cluttered platforms.
A lack of engaging storytelling to connect users to the artist’s journey, and accessibility challenges for users unfamiliar with technical interfaces.
User Persona
Design Ideation & Userflow
The ideation phase focused on creating a digital environment that mirrors the experience of visiting an art gallery. Features such as categorized galleries, storytelling sections, and a shop link to Etsy were integrated to enhance engagement. The design prioritised simplicity and functionality while focusing on the artworks.
Design Ideation & Userflow
The ideation phase focused on creating a digital environment that mirrors the experience of visiting an art gallery. Features such as categorized galleries, storytelling sections, and a shop link to Etsy were integrated to enhance engagement. The design prioritised simplicity and functionality while focusing on the artworks.
Design Ideation & Userflow
The ideation phase focused on creating a digital environment that mirrors the experience of visiting an art gallery. Features such as categorized galleries, storytelling sections, and a shop link to Etsy were integrated to enhance engagement. The design prioritised simplicity and functionality while focusing on the artworks.
User flow
Hight fidelity design
I designed the UI to facilitate a straightforward and efficient booking experience. This included a multi-step booking flow, real-time service tracking, and easy access to service history. Emphasis was placed on creating a clean, navigable interface that aligns with modern usability standards.
Hight fidelity design
I designed the UI to facilitate a straightforward and efficient booking experience. This included a multi-step booking flow, real-time service tracking, and easy access to service history. Emphasis was placed on creating a clean, navigable interface that aligns with modern usability standards.
Hight fidelity design
I designed the UI to facilitate a straightforward and efficient booking experience. This included a multi-step booking flow, real-time service tracking, and easy access to service history. Emphasis was placed on creating a clean, navigable interface that aligns with modern usability standards.
Future Plans
Future enhancements include expanding the exhibition section to include a dynamic calendar of events and integrating storytelling elements to further engage users with Mokhtar’s artistic journey. Accessibility features will also be improved to ensure inclusivity for all users. While the shop currently links to Etsy, it may be refined further to enhance its integration within the platform.
Future Plans
Future enhancements include expanding the exhibition section to include a dynamic calendar of events and integrating storytelling elements to further engage users with Mokhtar’s artistic journey. Accessibility features will also be improved to ensure inclusivity for all users. While the shop currently links to Etsy, it may be refined further to enhance its integration within the platform.
Future Plans
Future enhancements include expanding the exhibition section to include a dynamic calendar of events and integrating storytelling elements to further engage users with Mokhtar’s artistic journey. Accessibility features will also be improved to ensure inclusivity for all users. While the shop currently links to Etsy, it may be refined further to enhance its integration within the platform.
What I've learned
Designing Mokhtar Gallery was a creative yet demanding journey that required striking the perfect balance between aesthetics and functionality. The goal was to create a platform that not only showcased Mokhtar's diverse artistry but also provided an intuitive user experience that keeps the artwork at the center of attention.
Key takeaways from the process:
Minimalist design elements effectively highlight artwork without overwhelming users.
CMS-driven flexibility allows tailored content for specific pages, enhancing user engagement.
Responsive layouts ensure seamless exploration across devices, addressing diverse user needs.
These insights reaffirm my approach to designing not just an art showcase but a memorable digital experience that elevates the connection between the artist and their audience.
What I've learned
Designing Mokhtar Gallery was a creative yet demanding journey that required striking the perfect balance between aesthetics and functionality. The goal was to create a platform that not only showcased Mokhtar's diverse artistry but also provided an intuitive user experience that keeps the artwork at the center of attention.
Key takeaways from the process:
Minimalist design elements effectively highlight artwork without overwhelming users.
CMS-driven flexibility allows tailored content for specific pages, enhancing user engagement.
Responsive layouts ensure seamless exploration across devices, addressing diverse user needs.
These insights reaffirm my approach to designing not just an art showcase but a memorable digital experience that elevates the connection between the artist and their audience.
What I've learned
Designing Mokhtar Gallery was a creative yet demanding journey that required striking the perfect balance between aesthetics and functionality. The goal was to create a platform that not only showcased Mokhtar's diverse artistry but also provided an intuitive user experience that keeps the artwork at the center of attention.
Key takeaways from the process:
Minimalist design elements effectively highlight artwork without overwhelming users.
CMS-driven flexibility allows tailored content for specific pages, enhancing user engagement.
Responsive layouts ensure seamless exploration across devices, addressing diverse user needs.
These insights reaffirm my approach to designing not just an art showcase but a memorable digital experience that elevates the connection between the artist and their audience.
