top of page
Mockup-background.jpg

My approach was to divide the process into two stages:
1. research the other Operas and Theaters.
2. Make heuristic evaluation of the website.


Analyze all the gathered information and conclusions and began redesigning.

Current Version

Current Version

original-website.jpg

Too much unnecessary text = cognitive load

Different typography styles

Different weights of typography

Hard to spot the calendar to take an action

Lack of CTAs

Too much white space?

Overall Feels outdated and confused

Laptop-landing-page.png

Got inspired by operas and theaters like CANNES Festival website, Sofia and Paris operas and many others

Inspiration.png

Styling

Color Style.jpg
Typography.png

Grid system

So I've made a 12 column grid to match the Bootstrap framework.

12 Columns - Center
Width 71
Gutter 24

12 Columns - Stretch
Width 16
Gutter 12

bottom-banner.jpg

Thank you

for your time.

bottom of page