Teatr Śląski
A stunning, newest trends-compliant theater website adjusted to users with various disabilities.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
Timeline
Project launch
start of content work
WCAG audits
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.
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.
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
Migration
WCAG
API integration
Content builder
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.
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.