Brainius — building and developing an online school website

Brainius is an online school offering exam preparation, career guidance and additional educational programmes. Our studio joined the project to implement a design concept supplied by the client. We were responsible for the Tilda build, responsive layouts, animations and interactive elements.

The initial phase took one month. Work continued after launch, from updating individual sections to building pages for exam streams and subjects.

Client: Brainius
Platform: Tilda
Our scope: Tilda implementation, responsive layouts, animations, interactive components, form setup, ongoing support and development
Design, structure and content: supplied by the client
Initial phase: one month
Status: ongoing support

Implement the redesign of an existing online school website and make the interface work correctly across devices.

The project was based on the client's layouts, structure and content. Our role was technical implementation: bringing the visual design into Tilda, configuring programme and pricing interactions, adapting complex sections and connecting enquiry forms.

The scope later expanded to include updates to existing sections and dedicated pages for EGE and OGE preparation by subject.

During implementation, we focused on accurately reproducing the layouts and interface behaviour. Composition, typography and element placement needed to retain the design logic across screen sizes.

Content-heavy sections and interactive states required particular attention. We developed responsive arrangements, configured animations and checked how the elements worked together on the assembled pages.

Within a month, we completed the initial redesign implementation and prepared the website for its next stage of development.

Programme cards are one of the project's main interface components. They bring together preparation formats, course conditions and prices, helping visitors compare options before making an enquiry.

We implemented the cards and pricing switches from the supplied layouts. Responsive work accounted for differences in content length: programme details needed to remain easy to follow and clearly connected to the relevant price and action.

This section required careful coordination between layout and interactive states on desktop and mobile.

For mobile devices, we reworked the arrangement of complex sections within the approved design, adapting sizes, element placement and the order in which information appears.

We checked programme cards, pricing and forms separately. Content needed to remain accessible at different widths, while controls retained clear, consistent behaviour.

Animations were configured around the responsive layouts so that they worked within each page's overall composition.

After the initial launch, we continued working with the client, updating individual sections and implementing subsequent design changes.

The next stage expanded the website with EGE and OGE pages, including preparation for individual subjects. We built these pages using the supplied structures and layouts, maintaining the project's visual consistency.

The work progressed in stages: implementing the redesign, refining existing solutions and adding pages to meet the school's evolving needs.

We configured enquiry delivery to email and Telegram, along with links to sign in and register on the existing learning platform.

Our studio implemented the Brainius redesign on Tilda in one month and continued developing the website after launch. Later phases included updated sections and new pages for EGE, OGE and individual subjects.

According to the client, the website receives enquiries, and our collaboration continues through ongoing support.