Теги
Веб-дизайн, Tilda, адаптивный дизайн, дизайн-поддержка
Веб-дизайн, Tilda, адаптивный дизайн, дизайн-поддержка
Заказчик
Томский государственный университет, Тотальный диктант
Томский государственный университет, Тотальный диктант
Длительность
2024–2025 гг.
2024–2025 гг.
Сайт-музей создан, чтобы сохранить историю проекта: как Тотальный диктант рос, менялся и справлялся с вызовами.
Проблема и задача
Создать и поддерживать сайт: вёрстка материалов, актуализация страниц, адаптив под разные устройства.
Создать и поддерживать сайт: вёрстка материалов, актуализация страниц, адаптив под разные устройства.
Моя роль
Веб-дизайнер → дизайн-лид. Дизайн-поддержка: вёрстка материалов, обновление главной, разработка страницы «Все истории», карта-инфографика.
Веб-дизайнер → дизайн-лид. Дизайн-поддержка: вёрстка материалов, обновление главной, разработка страницы «Все истории», карта-инфографика.
2024 год: экстренное подключение к проекту
Помог с адаптивом макетов и переносом контента. На главной сделали карту России с точками доступных историй.
2025: масштабирование и новая логика
Историй стало больше и география расширилась. Перешли от карты России к карте мира.
Сделал два типа меток: где уже есть история и где ещё нет (для дальнейшего роста). Продумал легенду, состояния меток и наведение. Добавили кнопку «Поставь точку на карте» — для привлечения пользователей предложить свою историю, связанную с Тотальным диктантом.
Сделал два типа меток: где уже есть история и где ещё нет (для дальнейшего роста). Продумал легенду, состояния меток и наведение. Добавили кнопку «Поставь точку на карте» — для привлечения пользователей предложить свою историю, связанную с Тотальным диктантом.
Страница «Все истории»
От главной — к каталогу с фильтрами.
В 2024 все истории помещались на главной. В 2025 их стало заметно больше — собрали отдельную страницу с плиточной компоновкой и заголовками, добавили фильтрацию по новизне и странам.
В 2024 все истории помещались на главной. В 2025 их стало заметно больше — собрали отдельную страницу с плиточной компоновкой и заголовками, добавили фильтрацию по новизне и странам.
Шаблон истории
Мультимедийный лонгрид без изменений по структуре.
Оставили проверенную композицию блоков: цитаты, основной текст, врезки, фото / видео. Привёл типографику и отступы к единому ритму — шаблон остаётся актуальным и легко читается.
Оставили проверенную композицию блоков: цитаты, основной текст, врезки, фото / видео. Привёл типографику и отступы к единому ритму — шаблон остаётся актуальным и легко читается.
