ORO Website Revamp

Elevating Fine Dining Online

Role

UI Designer

Client

ORO

Duration

2 weeks

Team Size

Lead Designer (My Role)
Art Director (Advisory Role)
Project Manager
Designer/Collaborator

OverView

ORO, an Italian restaurant in Central, Hong Kong, sought a website revamp to modernize its visuals, improve usability, and better reflect its premium brand identity.
My role as the UI Designer focused on creating a sleek, visually engaging design while adhering to the client’s structure.

01
The problem

The original website failed to reflect the restaurant’s fine dining experience, with a lackluster and outdated design that did not attract customers or convey ORO’s premium brand identity.

Design Goal

Create a visually appealing design that reflects fine dining elegance

Enhance usability for a seamless customer experience.

Emphasize storytelling through visuals to connect with users.

02
Defining the experience

For the new website, the company aimed to have a clear content structure and visual to improve the overall user experience.

Wireframes

The initial wireframes and sitemap maintained the client’s original framework with minor adjustments to enhance usability and emphasize key areas like the menu and reservations.

03
Visuals

Inspired by ORO’s themes of gold, tradition, and elegance, the design emphasized:

Sitemap

The initial wireframes and sitemap maintained the client’s original framework with minor adjustments to enhance usability and emphasize key areas like the menu and reservations.

Color & Font

For the color, a gold-accented palette adds sophistication, while the dark blue background maintains ORO's brand identity. For fonts, I chose Italiana and Optima to enhance the fine-dining vibe.

UI Kit

Created a comprehensive UI kit with buttons, forms, icons, and other elements to maintain consistency.

All the design are worked closely with two design team leaders to refine designs and ensure alignment with client needs in Figma with responsive design.

05
Final Design

The revamped website featured a visually engaging homepage with bold imagery and a tagline that captured ORO’s premium identity. The menu page highlighted Abruzzo-inspired dishes in an elegant layout, while the streamlined reservation interface improved usability. The design was fully responsive, ensuring an optimal user experience across mobile and desktop devices, and all assets were created using Figma for consistency and attention to detail.

Final design of ORO - Desktop and mobile overview

Conclusion

The ORO website revamp successfully transformed the brand’s digital presence, aligning with its premium fine dining experience while improving usability. The redesigned site not only enhanced customer engagement but also provided a strong foundation for future digital marketing and social media strategies. This project reinforced my ability to create sophisticated, user-centered designs that reflect a brand’s core identity.

Follow up

My Key Learnings

This project enhanced my skills in creating brand-aligned, visually appealing designs and highlighted the importance of collaboration for delivering polished, client-focused results. The website revamp successfully elevated ORO’s online presence, making it both modern and user-friendly, and helped strengthen customer engagement.