Let's talk!

Teatr Śląski

A stunning, newest trends-compliant theater website adjusted to users with various disabilities.
image

Details

  • Scope Website design and development
  • Timeframes May – December 2021
  • Innovation Design correlation with WCAG 2.1.
  • Technologies WordPress with Gutenberg and a live edit option
  • Business sector Entertainment
  • Model of collaboration Time & Material
  • iteo Team 1 UI designer
    1 UX designer
    1 QA
    1 PO
    1 PM
    1 Senior web developer

Making the website disabled-friendly and design-pampered has been a demanding yet fulfilling task. Tested by real people, it met all the expectations, being a truly beautiful and functional piece of online art.

Timeline

  • 2021
    May

    Project launch

    August

    start of content work

    October

    WCAG audits

    December

    Deployment

  • Project’s highlights

    We took 100% responsibility for the website’s CMS – providing it with the most convenient solutions.

    Working with a non-technical client, we gained their thorough trust and were able to implement every valid improvement with no hesitation. The website could be operated by several people at once, being alive and responsive to each change.

    image
    image

    Business needs & goals

    An outdated and not easily editable website didn’t correspond with the theater’s original, artistic character.

    It required general modernization, content refreshment, but also interlocking the design created according to current trends with the restrictive requirements of WCAG 2.1. (Web Content Accessibility Guidelines) – mandatory guidelines for public units regarding the accessibility of Internet content for people with visual, hearing or movement disabilities.

    Functionalities

    Demanding WCAG requirements included:

    • a possibility to adjust contrast, gray scale, and font size,

    • underlined links,

    • cursor enlargement,

    • turning off animations,

    • convenient keyboard navigation,

    • the presence of a reading ruler,

    • correct adjustment of the HTML semantics to enable efficient use of the content with page readers.

    The website was implemented in the WordPress technology, so that the theater’s employees were able to edit and develop its content with ease. It included a store functionality, news section, performances, repertoire, employee base, and more.  

    We also took care of the integration with a system supporting the theater in terms of ticket booking – it is live and works two-ways, facilitating the process of sales.

    Design

    Teatr Śląski’s new website is an example of refreshing the looks without having to change the recognized and well-established branding.

    Together with the client, we found the elements that were worth retaining and the ones that needed to be removed. The new website design is focused on readability and transparency, exposing what is important – the people of the theater and the amazing performances, captured in numerous photographs.

    For the purposes of the project, we developed a design system, i.e. a reusable set of styles and components that build the website.

    image

    Quality Assurance

    The correctness of the implemented functions was confirmed by tests carried out by people with various disabilities, as well as audits performed by a foundation that deals with WCAG on a statutory basis.

    Challenges & solutions

    Consistency

    1 to 1 consistency with the project as well as multiple tests on the QA side to make everything perfect and impeccable.

    Migration

    Migrating the news from the previous page, involving the entire archive of entries from several years back and uploading them to the new version of the website.

    WCAG

    A proprietary WCAG control panel – intuitive and user friendly. The development process was aligned with the HTML semantics requirements.

    API integration

    Expanded solutions for data synchronization between the theater’s website and the external ticketing system.

    Content builder

    A live editor for easy and efficient content management and an extensive modules library prepared to be re-used for subsequent pages and to scale the site’s content size.

    Ongoing support

    We supported the client throughout the whole process of implementation and organized several trainings to present the changes and explain how to edit and develop the site. All the meetings were recorded to provide the future theater employees with a valid tutorial library.

    image

    Outcome

    The website has come a long way since an outdated CMS with performance difficulties, technical limitations, and inability to present the theater’s key content. 

    Now, the Teatr Śląski’s online showcase is based on a modernized WordPress-based solution, assuring a convenient future development, scalability, and content expansion. It consists of a large number of modules and subpages, each with a unique view, being easy to navigate and pleasant to look at.

    Meeting all of the WCAG requirements, the website’s maximally friendly for people with different kinds of disabilities – they have an unspoiled access to all available information. At the same time, we managed to maintain its highly up-to-date and appealing design. 

    Check our whole design project