zohaib a.
(zo-hey-b)
z@heyzohaib.com
browser bar buttons
browser address bar
browser bar buttons
Dress Circle Desktop Design Cover
Dress Circle Mobile Design cover
Client

Dress Circle

Project Type

Web Application Design

Role / Services

UX & Visual Design

Project

Designing an IMDB-like platform for UK Theatres with show listings, bookings, cast, theatres, reviews and additional social features.

Some restrictions are both good and bad.
The Challenge

Some restrictions are both good and bad.

The app was already created with a barebones design that posed a design challenge to improve the usability while not making any drastic changes to the functionality.

This did, help in gathering early feedback and as design was being created, we were having them integrated and kept getting fresh feedback from the early beta users that allowed us to iterate fast.

There were two primary use cases for Dress Circle:

  1. Discovering shows
  2. Curating lists & social interactions
Some restrictions are both good and bad.

Discovering shows

Designed different ways to help people find their next show to watch, from curated lists to actors and theatres, with audience interest-based ratings and discussions.

browser bar buttons
browser address bar
browser bar buttons
Home page where the ranking list has been given the main priority after a brief introduction section

Home page where the ranking list has been given the main priority after a brief introduction section

browser bar buttons
browser address bar
browser bar buttons
The Show page with complete information about the page, ranging from ratings, media, actions and booking

The Show page with complete information about the page, ranging from ratings, media, actions and booking

browser bar buttons
browser address bar
browser bar buttons
Actor’s page with links to shows they have appeared in, other actors and engagement options

Actor’s page with links to shows they have appeared in, other actors and engagement options

browser bar buttons
browser address bar
browser bar buttons
Finding shows by theatres. Unlike movies, theatre shows are more specific to where they’re being played

Finding shows by theatres. Unlike movies, theatre shows are more specific to where they’re being played

Show cards modified for smaller screens

Show cards modified for smaller screens

Reorganized the layout to keep the most important information above the fold

Reorganized the layout to keep the most important information above the fold

Keeping theatre info leading to address above the fold specially for users coming from show pages

Keeping theatre info leading to address above the fold specially for users coming from show pages

Curating lists & social interactions

Designed different pathways to help people find their next show to watch, from curated lists to actors and theatres, with audience interest-based ratings and discussions

browser bar buttons
browser address bar
browser bar buttons
Home page for logged in users with feed and widgets for important notifications, calendar and friends

Home page for logged in users with feed and widgets for important notifications, calendar and friends

browser bar buttons
browser address bar
browser bar buttons
Profile of individual members with their ranked lists including their likes and dislikes about each show

Profile of individual members with their ranked lists including their likes and dislikes about each show

browser bar buttons
browser address bar
browser bar buttons
Form to add a show, separated from optional additional fields to make it easy to add shows. Also includes show posters and icons to make the form feel closer to the resulting entry

Form to add a show, separated from optional additional fields to make it easy to add shows. Also includes show posters and icons to make the form feel closer to the resulting entry

browser bar buttons
browser address bar
browser bar buttons
Dedicated page for Sign-up/Log-in forms when user lands through a direct URL

Dedicated page for Sign-up/Log-in forms when user lands through a direct URL

Home page for logged in users focused only on the feed for smaller screens

Home page for logged in users focused only on the feed for smaller screens

Profile of individual members. Created additional tabs to show items on the sidebar

Profile of individual members. Created additional tabs to show items on the sidebar

View of friends list from profile pages. On larger screens they're on the same page in the sidebar

View of friends list from profile pages. On larger screens they're on the same page in the sidebar

"Working with Zohaib on this project was a fun collaboration, we had a working prototype and we needed it to have a more professional design. This was our first mobile first project and we were really happy with the results, looking forward to our next project."
Picture of the author of the testimonial
—Dom Hodgson
Co-Founder, Dress Circle

Are you looking for a senior designer who you can rely on to design a visually stunning and good to use website or app for your business?

To have a quick chat about your project or job post immediately:

Text me at +1 (415) 523 5884 or
DM me on Twitter @HeyZohaib

you can also

Email me at z@heyzohaib.com or
Schedule a discovery call.