Universal Studios Landing Page for Smiles Viagens by José FaçanhaUniversal Studios Landing Page for Smiles Viagens by José Façanha

Universal Studios Landing Page for Smiles Viagens

Portfolio project
José Façanha

Universal Studios Page | Smiles Viagens

Partnered with the Smiles Viagens squad to design the page for Universal Studios on their website. Universal Studios was a key partner to Smiles Viagens and we wanted to boost their visibility on the website, enhance the user experience while purchasing tickets and hotels and ultimately increase sales.

Key Challenges

Technical Feasibility: API contraints meant somethings I wanted to do were very hard in practice, as such, I had to collaborate with the team to generate creative solutions to go around limitations and provide a better experience.
Delight and Inform: There are several things to be taken into consideration when purchasing a Universal Studios's ticket, but as well, it's an exciting moment visiting a place of amazing characters and places. I wanted to create a page and purchasing experience that would delight users as well as make it easy for them to choose their tickets and hotels confidently.
Purchase Flow: Several things on Universal's purchase flow were a bit unique, but we couldn't simply break our whole purchase and checkout just to accomodate that, and so, I had to come up with ways to ensure our purchase experience was consistent and easy.
Universal Studios Landing Page

The Landing Page

Funny enough, this project started as a "Universal Studios Landing Page", and it grew to become quite more complex than that.
Despite the growing challenge, the core was really a landing page. My goal here was to abuse Universal Studios's amazing characters, vistas and photos to create a visually stunning landing page.
The main point of consideration here was Smiles's design system. While I wanted something striking and different, I had to respect Tangerina Design System's rules and guidelines to stay on brand.
The Landing Page
The Landing Page
Landing Page Responsive
Landing Page Responsive

Purchase Flow

This was the tricky part.
Tickets information were received from an API and we had little control over what and how information came to us.
This meant the tickets we had at the time were hard to read and a tag ugly, but we couldn't really change the API to fix this.
As a team, we managed to come up with a creative solution. We could propose a new, better card layout, and since Universal Studios didn't have too many different tickets, we could implement them through a CMS and update manually as required.
This allowed us to "bypass" the API limitations and deliver an excellent user experience along the purchase flow.
Universal Studios's Purchase Flow
Universal Studios's Purchase Flow
Purchase Flow UI
Purchase Flow UI
Responsive Purchase Flow
Responsive Purchase Flow

Handoff

Last but not least, the handoff was carefully documented so developers and QAs had all the required information to support their work. This proccess was done also via call and Loom videos, so the Figma file served as a guiding file to went along everything else, providing useful and easy to consume technical information.
Handoff process
Handoff process
Handoff process (2)
Handoff process (2)
Handoff Process (3)
Handoff Process (3)

Thanks for reading

Feel free to connect for inquiries, questions or just to say hello!

0 likes · 0 views · Oct 12, 2026

Designed a landing page for Universal Studios on Smiles Viagens to enhance user experience and visibility.

Timeline

Jun 12, 2025 - Mar 30, 2026

Tags