Logo iconLogo icon

Ukrainian Theater

Ukrainian theater
Project Design

"Ukrainian Theater" is a modern online platform created to support Ukrainian theater in times of change. This space brings together publications, reviews, event listings, and in-depth analysis - becoming a meeting point between theater and its audience. The editorial team behind this theater media project aimed to make content more accessible and audience engagement more vibrant and continuous.

The project was brought to life by a dedicated team at every stage: from concept and market research to design, development, testing, and the integration of payment systems for collecting donations - all backed by ongoing technical support.

Deadlines:

  • Analysis:2 months

  • Design:2 months

  • Launch:8 months

  • Support:ongoing

The tasks we worked on

    • Promote the activities of Ukrainian Theater
    • Ensure regular publication of analytical, critical, and culturally significant content
    • Allow users to stay connected with theater life, even if they don’t attend performances
    • Offer the opportunity to co-author publications on the site and support emerging writers
    • Provide tools for regular and independent content updates and management
    • Encourage support for the magazine’s editorial team through digital tools
    • Integrate subscription mechanisms, newsletters, along with access management of editors, users, subscribers, and publication authors
    • Optimize time and effort spent on content management and website administration
    • Provide intuitive navigation and quick access to up-to-date content
    • Increase user interaction and audience engagement
    • Create an effective system for informing users about theater events
    • Enable editorial staff to manage content and administer the website

The solutions that were implemented

image

  • Implemented user-friendly site navigation with always-available search and multi-parameter filters

  • Organized publications into clear categories: Interviews, Reviews, Articles, Events, Historical Facts

  • Displaying the latest publications on the homepage helps quickly deliver relevant updates to users and boosts engagement with the site

image

  • Dynamic banners on the homepage highlight upcoming events and announcements

  • Easy financial support through a donation button on the homepage and in the header

  • Users can subscribe to receive the latest publications by email - with the option to unsubscribe at any time

image
image

  • Users can sort events by relevance and easily share publications on social media

  • A personal account allows users to save and organize their favorite publications

  • Built-in search and filtering tools help quickly find the content they need

image

  • The admin panel includes the ability to create and send newsletters with the latest updates to site subscribers via email

  • The platform allows for user profile deletion when needed, as well as exporting the subscriber database

image
image

  • A full content management system is implemented for creating, editing, and deleting: publications, reviews, events, articles, and magazine issues

  • Functionality is configured for adding, editing, and removing data related to authors, editors, and staff members

image

  • Publication Page

    • Main News Slider - visual highlight on current events and featured materials
    • Content Sections - dedicated blocks for reviews, interviews, stories, articles, and magazines
    • Annotations & Quotes - short descriptions for quick content previews
    • Magazine Promo Block - a featured section to promote printed issues
    • Footer with Contacts - with logo, social media links, contact info, and partner mentions

  • User Account

    • Profile Editing - change name, email, newsletter preferences, and password
    • Saved & Liked Publications - organized into separate categories for quick access
    • Account Deletion - an option to permanently remove the user profile
    • Saved Content Preview - publication cards with date, tags, and likes
    • Email Subscription - a quick sign-up form in the footer for updates

  • Content Navigation

    • Main News Slider - a visual highlight oncurrent events with short descriptions and dates
    • Content Categorization - structured sections for events, reviews, interviews, history, articles, and magazines
    • Author & Expert Database - includes biographies, publications, and interviews
    • Update Newsletter - regular updates on new materials, theater news, and special topics
    • Social Media Integration - easy sharing of news on Facebook, Twitter, and Instagram

  • Notable Interface Features

    • Publication Search - quick access to relevant content using keywords, without unnecessary page-to-page navigation
    • Content Filter - select material type, author, publication status, and other parameters for precise content selection
    • Date Picker - easily set start and end dates to search or sort publications by time periods
    • Email Subscription - receive the latest news and publications directly to your inbox
    • Easy Unsubscribe - cancel your subscription at any time with no extra steps or confirmations

  • Admin Panel for Managing Theater Portal Publications

    • Publication List - a convenient overview of all materials with visual status indicators (Published / Draft) and quick access to editing
    • Filter & Search - sort publications by date, author, status, or keyword for fast and efficient content management
    • Event Calendar - select event dates when creating or editing a publication to enable automatic sorting by relevance
    • Categories & Tags - assign categories (e.g., Events, Reviews, Interviews) and hashtags for structured content display on the site
    • Author Assignment - attribute each publication to an author for editorial transparency
    • Editorial Notes - a dedicated field for internal comments and editorial instructions

  • Magazine Management Interface for the Theater Portal

    • Magazine List - a visual display of issues with covers, publication year, and status for quick overview
    • Search & Filtering - easily search by magazine title, year, status, or creation date for efficient archive management
    • Date Sorting - view magazines in chronological order or by custom date ranges
    • Magazine Editing - access advanced editing mode (similar to publications) to update cover image, description, release year, and other details
    • Publication Status - clearly marked status if published with the ability to change it in just a few clicks

  • Administration of Authors, Editors, and Subscribers

    • Authors - add new authors by entering their name and uploading a photo; remove authors when needed
    • Editors - flexible editor management: add new editors, edit their details, or remove them as necessary
    • Users - view and sort the user list, quickly access user information, and delete users directly from this section
    • Subscribers - same functionality as for editors (add, delete), with an additional data export button for easy download of subscriber lists

  • Editing the “About Us” Section and Contact Information

    • About Us Section - add new contact persons by entering their name, position, phone number, email address, and uploading a photo. A delete option is available to keep the information up to date
    • Contacts - a dedicated block for entering the organization’s general contact details: phone numbers, email addresses, and social media links. A separate “Save” button is provided to store the updated information

Responsive design

laptop frame
Desktop view
Mobile phone frame
Mobile view
Mobile mockup
Mobile view

The team that created this site

The technologies and tools

  • Figma

    Adobe Photoshop

    Adobe Illustrator

    Next.js

    Tailwind CSS

  • Next-auth

    Formik

    Swiper

    Moment.js

    React.js

  • Editor.js

    Material UI

    Redux

    Axios

    React-easy-crop

  • Java

    Spring Boot

    Spring Data

    Spring Security

    Hibernate

  • PostgreSQL

    Redis

    Flyway

    JUnit

    Mockito

  • Testcontainers

    Lombok

    Maven

    Docker

  • React Datapicker

    Yup

    html-react-parser

    Yet Another React Lightbox

    Sharp

Feedback from our customer

Ukrainian theater

Ukrainian theater

WEBSITE

“ Throughout all my experience, you are the most capable team I have ever worked with. I am impressed that you have specialists in all the necessary areas, and everything is thought out down to the smallest details – it’s truly admirable! Both visually and functionally, this website fully meets our vision of what a modern periodical website should be. “

Entire review

Hanna Sherman, founding editor of the magazine

View more cases

Liudmyla Hoida

view case

Alex Chudov

view case

Victoriia Zabara

view case

Migration Lawyer

view case

Smachno! na seli

view case

i love my team

view case

Book a consultation today and get it for free!