Asian Savory
Redesigning a local family restaurant's website
In Short
I redesigned and rebranded the website for Asian Savory, a Chinese and Thai restaurant in Luxembourg, to improve usability, visual harmony, and brand identity. Through research, competitive analysis, and heuristic testing, I identified key issues such as broken visuals, poor navigation, and cluttered layouts. The final design introduces a clean colour palette and a streamlined four-page structure (Landing, Gallery, Menu, Contact), resulting in a modern, user-first website that highlights the restaurant’s story, food, and easy table reservations.
Check out the website here!: https://asiansavory.lu
Product:
Product:
Web Design
Web Design
Year:
Year:
2025
2025
Role:
Role:
UX Designer, UI Designer, Developper
UX Designer, UI Designer, Developper
Skills:
Skills:
Coding, Designing
Coding, Designing
Key screens
The
Problem
Asian Savory, a family-owned restaurant in Luxembourg, had an outdated website that wasn’t fully functional. Images failed to load, navigation was unclear, and the overall layout made it difficult for users to find essential information such as the menu, opening hours, and location. These issues not only affected usability but also limited the restaurant’s ability to attract new customers or present its food in an appealing, trustworthy way.
Solution
Overview
To improve the customer experience and strengthen the restaurant’s online presence, I completed a full redesign of the Asian Savory website. The goal was to create a modern, reliable, and easy-to-navigate platform that reflects the warmth of a family-owned business while providing users with quick access to the information they need. The redesign focused on performance, visual clarity, mobile responsiveness, and intuitive navigation.
The
Research
I began with a heuristic evaluation of Asian Savory’s existing website to identify usability issues and areas for improvement. The audit revealed several problems: broken images that left the site dark and made the logo hard to read, the absence of a favicon, a navigation bar that became awkward at medium screen widths, and a cluttered, unstructured footer. I also noted redundancy between the landing and introduction pages, which could be streamlined into one cohesive entry point. To better understand the site’s structure, I briefly reviewed its code before moving on to external research.
Through a competitive analysis, I studied other restaurant websites to identify common design patterns and user expectations. Many followed a single-page layout with smooth scrolling, sleek visuals, and hero sections that showcased food and encouraged engagement. Common features included menu access, galleries, contact forms, opening hours, and structured footers with business details and social links. While integrations like Zenchef reservations were frequent, I decided to avoid the excessive animations seen on some sites, as they distracted from usability. These insights shaped the redesign strategy, guiding me toward a cleaner, modern design that highlights the restaurant’s brand identity while ensuring content is accessible and easy to navigate.
Key
Insights
No coding needed. Instant visual feedback.
Select, edit, rotate, resize any layer even if it's projected in 3D space.
No coding needed. Instant visual feedback.
Select, edit, rotate, resize any layer even if it's projected in 3D space.
No coding needed. Instant visual feedback.
Select, edit, rotate, resize any layer even if it's projected in 3D space.
No coding needed. Instant visual feedback.
Select, edit, rotate, resize any layer even if it's projected in 3D space.
No coding needed. Instant visual feedback.
Select, edit, rotate, resize any layer even if it's projected in 3D space.
No coding needed. Instant visual feedback.
Select, edit, rotate, resize any layer even if it's projected in 3D space.
The
Challenge
How might we create a modern and user-friendly website for Asian Savory that showcases the restaurant and presents information more clearly?
The
Ideation Process
Before sketching any wireframes, I first made a quick concept board to capture the visual elements I wanted the final design to have. Here, I focused on the colour palette of the website and I want the landing page to have a hero image that can capture the visitors’ interest.
Once I had the concept board, I started to work on my sketches and creating wireframes. I mainly put focus on the landing page, as it has the most content and the layout is a lot more flexible. For the landing page I want to create a strong first impression which is why I will include a hero image as the introduction. While sketching I wanted to focus on keeping the overall design simple and sleek, so that the images can speak for what kind of restaurant it is.
The
Low Fidelity Prototype
With the low-fidelity prototype, I combined my two layout concepts for the landing page. For the other pages, I mainly stuck with the layout directions I had decided on during the research phase. I chose to keep the navigation bar solid and fixed at the top of the screen, and for the text layout, I followed the second option I had explored, as it offers a better visual hierarchy.
For the "About" section, I kept the design from the first ideation round, since it’s less visually distracting than placing a ticker directly above the text. Instead, I moved the ticker idea to come after the description section, and I wrapped up the page with the restaurant’s opening hours and days.
I blocked out the basic shapes I plan to keep and included all the final text content. The grey boxes are used as placeholders for images.
The
Solution
After completing the low-fidelity prototype, I began implementing the photo assets to develop the high-fidelity version of the website. Once the high-fidelity prototype was ready, I conducted heuristic testing with a small group of both designers and non-designers to gather a range of feedback.
One of the main suggestions focused on the “À propos” section of the landing page, which some felt was visually unappealing and didn’t quite look right. Another point of feedback was that the contact page felt too compact, and that adjusting the layout could help make it feel more open and accessible.
In response to this feedback, I adjusted the layout of the landing page by changing the text hierarchy and moving the second image’s text alignment to the left rather than centered, making it easier to read and more visually balanced. To improve the contact page, I moved the map below the contact form and added the phone number to the right side of the form. This change not only improved the visual spacing but also made it easier for visitors to find key contact information and be encouraged to call the restaurant for reservations or any questions.
Reflection
This project was an important step in my growth as a designer and aspiring front-end developer. My main goal was not only to redesign Asian Savory’s website from a UX/UI perspective but also to deepen my understanding of basic coding, website hosting, and domain management. By taking the project from initial research all the way to deployment, I gained valuable hands-on experience with building a responsive website that works seamlessly across desktop, tablet, and mobile devices. One of the highlights for me was learning how to host the site on GitHub Pages and successfully redirect a custom domain—something I had little prior knowledge of and had to research extensively.
I am very proud of the outcome, especially knowing that this website will be used in the real world by actual visitors. The fact that I was able to create a functioning, visually cohesive, and user-first experience is a milestone in my learning journey. The process has inspired me to take on even bigger and more complex coding projects in the future.
I learned…
the value of inclusive and contextual user testing. Since the site is in French, I was limited in finding testers from the target audience. While I gathered meaningful visual and structural feedback from my university peers, I realized that testing with real users, especially those who represent the intended demographic, is essential for refining usability.
Overall, I learned how to manage a project end-to-end, from research and ideation to design, development, and deployment. This project not only strengthened my technical confidence but also reaffirmed my passion for bridging the gap between design and development to create meaningful, accessible digital experiences.
[NEXT PROJECT]
Asian Savory
Redesigning a local family restaurant's website
In Short
I redesigned and rebranded the website for Asian Savory, a Chinese and Thai restaurant in Luxembourg, to improve usability, visual harmony, and brand identity. Through research, competitive analysis, and heuristic testing, I identified key issues such as broken visuals, poor navigation, and cluttered layouts. The final design introduces a clean colour palette and a streamlined four-page structure (Landing, Gallery, Menu, Contact), resulting in a modern, user-first website that highlights the restaurant’s story, food, and easy table reservations.
Check out the website here!: https://asiansavory.lu
Product:
Web Design
Year:
2025
Role:
UX Designer, UI Designer, Developper
Skills:
Coding, Designing
Key screens
The
Problem
Asian Savory, a family-owned restaurant in Luxembourg, had an outdated website that wasn’t fully functional. Images failed to load, navigation was unclear, and the overall layout made it difficult for users to find essential information such as the menu, opening hours, and location. These issues not only affected usability but also limited the restaurant’s ability to attract new customers or present its food in an appealing, trustworthy way.
Solution
Overview
To improve the customer experience and strengthen the restaurant’s online presence, I completed a full redesign of the Asian Savory website. The goal was to create a modern, reliable, and easy-to-navigate platform that reflects the warmth of a family-owned business while providing users with quick access to the information they need. The redesign focused on performance, visual clarity, mobile responsiveness, and intuitive navigation.
The
Research
I began with a heuristic evaluation of Asian Savory’s existing website to identify usability issues and areas for improvement. The audit revealed several problems: broken images that left the site dark and made the logo hard to read, the absence of a favicon, a navigation bar that became awkward at medium screen widths, and a cluttered, unstructured footer. I also noted redundancy between the landing and introduction pages, which could be streamlined into one cohesive entry point. To better understand the site’s structure, I briefly reviewed its code before moving on to external research.
Through a competitive analysis, I studied other restaurant websites to identify common design patterns and user expectations. Many followed a single-page layout with smooth scrolling, sleek visuals, and hero sections that showcased food and encouraged engagement. Common features included menu access, galleries, contact forms, opening hours, and structured footers with business details and social links. While integrations like Zenchef reservations were frequent, I decided to avoid the excessive animations seen on some sites, as they distracted from usability. These insights shaped the redesign strategy, guiding me toward a cleaner, modern design that highlights the restaurant’s brand identity while ensuring content is accessible and easy to navigate.
Key
Insights
No coding needed. Instant visual feedback.
Select, edit, rotate, resize any layer even if it's projected in 3D space.
No coding needed. Instant visual feedback.
Select, edit, rotate, resize any layer even if it's projected in 3D space.
No coding needed. Instant visual feedback.
Select, edit, rotate, resize any layer even if it's projected in 3D space.
The
Challenge
How might we create a modern and user-friendly website for Asian Savory that showcases the restaurant and presents information more clearly?
The
Ideation Process
Before sketching any wireframes, I first made a quick concept board to capture the visual elements I wanted the final design to have. Here, I focused on the colour palette of the website and I want the landing page to have a hero image that can capture the visitors’ interest.
Once I had the concept board, I started to work on my sketches and creating wireframes. I mainly put focus on the landing page, as it has the most content and the layout is a lot more flexible. For the landing page I want to create a strong first impression which is why I will include a hero image as the introduction. While sketching I wanted to focus on keeping the overall design simple and sleek, so that the images can speak for what kind of restaurant it is.
The
Low Fidelity Prototype
With the low-fidelity prototype, I combined my two layout concepts for the landing page. For the other pages, I mainly stuck with the layout directions I had decided on during the research phase. I chose to keep the navigation bar solid and fixed at the top of the screen, and for the text layout, I followed the second option I had explored, as it offers a better visual hierarchy.
For the "About" section, I kept the design from the first ideation round, since it’s less visually distracting than placing a ticker directly above the text. Instead, I moved the ticker idea to come after the description section, and I wrapped up the page with the restaurant’s opening hours and days.
I blocked out the basic shapes I plan to keep and included all the final text content. The grey boxes are used as placeholders for images.
The
Solution
After completing the low-fidelity prototype, I began implementing the photo assets to develop the high-fidelity version of the website. Once the high-fidelity prototype was ready, I conducted heuristic testing with a small group of both designers and non-designers to gather a range of feedback.
One of the main suggestions focused on the “À propos” section of the landing page, which some felt was visually unappealing and didn’t quite look right. Another point of feedback was that the contact page felt too compact, and that adjusting the layout could help make it feel more open and accessible.
In response to this feedback, I adjusted the layout of the landing page by changing the text hierarchy and moving the second image’s text alignment to the left rather than centered, making it easier to read and more visually balanced. To improve the contact page, I moved the map below the contact form and added the phone number to the right side of the form. This change not only improved the visual spacing but also made it easier for visitors to find key contact information and be encouraged to call the restaurant for reservations or any questions.
Reflection
This project was an important step in my growth as a designer and aspiring front-end developer. My main goal was not only to redesign Asian Savory’s website from a UX/UI perspective but also to deepen my understanding of basic coding, website hosting, and domain management. By taking the project from initial research all the way to deployment, I gained valuable hands-on experience with building a responsive website that works seamlessly across desktop, tablet, and mobile devices. One of the highlights for me was learning how to host the site on GitHub Pages and successfully redirect a custom domain—something I had little prior knowledge of and had to research extensively.
I am very proud of the outcome, especially knowing that this website will be used in the real world by actual visitors. The fact that I was able to create a functioning, visually cohesive, and user-first experience is a milestone in my learning journey. The process has inspired me to take on even bigger and more complex coding projects in the future.
I learned…
the value of inclusive and contextual user testing. Since the site is in French, I was limited in finding testers from the target audience. While I gathered meaningful visual and structural feedback from my university peers, I realized that testing with real users, especially those who represent the intended demographic, is essential for refining usability.
Overall, I learned how to manage a project end-to-end, from research and ideation to design, development, and deployment. This project not only strengthened my technical confidence but also reaffirmed my passion for bridging the gap between design and development to create meaningful, accessible digital experiences.
[NEXT PROJECT]