Web Magazine—a digital publication that unites original content through a shared structure, navigation, and visual design. Readers can follow publications sequentially or independently select topics that interest them. Text and images are supplemented by galleries, video, audio, and interactive elements that expand the ways in which the narrative is presented.Transitioning a print magazine to the web necessitates a rethinking of both content and design. Spreads transform into pages and sections, content becomes a system of transitions, and the layout must adapt to various screens. Crucially, the publication’s character, authorial voice, and recognizable features must be maintained.

As part of this course, students will continue work on the kids' edition and create a web version of the journal published during the first year. They will analyze the materials, develop the site structure, master Figma tools, and prepare mockups for both desktop and mobile. Subsequently, they will assemble the pages on Tilda, configure the navigation, add multimedia assets, and check for readability. The outcome will be a published web journal that compiles the participants' content. Each student will develop their own page and contribute to the overall structure and design of the publication.

This course is for:

Course Prerequisites

Prepared original material is required: text, images, and its print layout. Prior experience with Figma and Tilda, or programming skills, are not required.

During the course, students will learn to:

During the course, students will complete the following assignments:

1. Web Journal and Principles of Screen Reading The structure of a digital publication: homepage, sections, and features. Sequential reading versus independent material selection. Differences between a printed spread and a web page. The role of navigation and multimedia. Content: lecture, example review, workshop. Assessment: comparative analysis of print versus web publication.2. Adapting Print Material Content Analysis of first-year materials. Segmenting text into thematic blocks, editing headlines and captions. Image selection and determining necessary supplementary content. File preparation and source citation management. Content: editorial workshop, individual consultations. Assessment: editorial project for content adaptation.3. Website Structure and User Journeys Integrating materials into a web journal. The logic behind the homepage and sections. Navigation between articles, returning to the table of contents, and author profiles. Assigning responsibility for general pages and elements. Content: lecture, editorial workshop, diagramming exercises. Assessment: web journal structure map.4. Figma Fundamentals and Prototyping Program interface, frames, layers, text, and imagery. Alignment, grouping, and file organization. Creating a schematic prototype without detailed design. Reviewing block sequence and content volume. Content: sample-based exercises, practical workshop. Assessment: prototyping exercise for an author page.5. Designing an Author Publication Compositional grid, text column width, margins, and padding. Hierarchy of headlines, quotes, and captions. Image scaling, alternating content blocks, and visual pacing. Applying Auto Layout for repeatable and dynamic elements. Content: lecture, practical workshops, individual consultations. Assessment: design project for an author web publication.

6. Mobile Version and Content Accessibility Restructuring composition for narrow screens. Text size, control element sizing, contrast, and image cropping. Maintaining reading flow and accessibility of critical materials. Composition: Lecture. Assessment Element: Adaptive design exercise.7. Page Assembly on Tilda Creating a page, working with standard blocks and styling options. Fundamentals of Zero Block for bespoke compositions. Placing text and images, setting element dimensions and positioning. Comparing the result to the Figma mockup and adapting for various screens. Composition: Lecture, individual consultations. Assessment Element: Practical project of a custom Tilda page.8. Navigation and Multimedia Elements Menus, links, anchor jumps, and related publications. Galleries, audio, and video as ways to supplement content. Selecting interactive approaches based on the semantic task. Checking control elements. Composition: Lecture, workshop. Assessment Element: Navigation and media material configuration exercise.9. Preparation for Publication Page titles and descriptions, covers for presenting materials. Author and source information. Checking the publication package, placement on the main site, and monitoring the published version. Composition: Demonstration, workshops. Assessment Element: Publication package project.10. Web Magazine Presentation Showcasing the digital issue. Justifying the structure, design, and chosen multimedia elements. Comparing the print and web versions. Discussing individual contributions and rules for future edition updates. Composition: Final review, participant presentations, reflection. Assessment Element: Final web magazine presentation.

A collaborative web journal, including a homepage, navigation, and student featured articles.Individual deliverables for each student: adapted material for the print edition; Figma page layouts for desktop and mobile; published page on Tilda; participation in developing the publication’s common elements.For the introductory level, it is recommended to limit the author’s page to 4–6 content blocks, utilizing the established design system. The homepage is assembled collectively under instructor coordination.

Classes are held in an in-person format. The primary approach is collaborative project-based learning: the group produces a unified web journal, and each participant is responsible for their own contribution.

The following are used: → Lectures and example analysis—to study the specifics of digital publications; → Workshops—to develop mockups; → Individual consultations—to address challenges in author contributions; → Mid-term reviews and revisions—to align materials for the collective publication; → Final presentation—to discuss outcomes and the future development of the journal.