Asian Savory
Website Redesign
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
Challenge
How might we create a modern and user-friendly website for Asian Savory that showcases the restaurant and presents information more clearly?
Take a look at my approach
↓
Research & defining target audience
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.
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.
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.
High Fidelity Prototype
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.
That said, one challenge I encountered was the lack of user testing with the target audience, as the site is in French and I didn’t have direct access to many French-speaking testers. While I was able to gather visual and structural feedback from my peers at university, more targeted testing would have helped validate the user experience further.
Overall, this project gave me not just technical skills but also confidence in my ability to manage a project end-to-end—from research and design to development and deployment. It confirmed my passion for combining design and coding, and it strengthened my motivation to continue refining my skills and delivering impactful digital experiences.
[NEXT PROJECT]
Asian Savory
Website Redesign
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
Challenge
How might we create a modern and user-friendly website for Asian Savory that showcases the restaurant and presents information more clearly?
Take a look at my approach
↓
Research & defining target audience
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.
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.
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.
High Fidelity Prototype
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.
That said, one challenge I encountered was the lack of user testing with the target audience, as the site is in French and I didn’t have direct access to many French-speaking testers. While I was able to gather visual and structural feedback from my peers at university, more targeted testing would have helped validate the user experience further.
Overall, this project gave me not just technical skills but also confidence in my ability to manage a project end-to-end—from research and design to development and deployment. It confirmed my passion for combining design and coding, and it strengthened my motivation to continue refining my skills and delivering impactful digital experiences.
[NEXT PROJECT]