in Krasnoyarsk
Webdesigner
Яков Битнер
Скрыть меню
Контакты
Скрыть контакты
Яков БИТНЕР
Дизайнер, архитектор
Дизайн для
архитектуры
архитектуры
Крск
Now, lets's see James Bitner's card...
Смотреть сайт
к кейсам
Январь - июль 2024
Be
Задача
Обновить официальный сайт Института. Старый сайт был создан ещё в 2011 году и, надо признать, для того времени он был действительно хорош и даже выиграл несколько локальных наград. Но теперь бывалый герой морально устарел и нуждался в существенных изменениях.
Заказчик
Институт архитектуры и дизайна в лице директора института.
Услуги
/ Вёрстка на Tilda
/ Первичная настройка SEO
/ Поддержка сайта в течение полугода
Структура
Начал работу с анализа существующей структуры и её переработки.
Старая
Новая
Ключевые решения
01
Главной страницей сделана страница "для поступающих", потому что в первую очередь сайт создан для привлечения новых студентов.
03
Все страницы программ обучения заканчиваются целевыми кнопками, а также одна целевая кнопка помещена в шапку сайта.
02
Весь контент распределён на 6 очевидных разделов, названия которых понятны и предсказуемы для современного пользователя.
Ход работы
Этот проект мы разрабатывали студенческой командой. Я отвечал за общение с заказчиком, структуру и вёрстку. Дизайн макетов в Figma я делегировал Валерии Богдановой.
Цвета и шрифт
Текст
Продающий
красный
красный
HEX #D11515
RGB (209,21,21)
CMYK (0%, 90%, 90%, 18%)
RGB (209,21,21)
CMYK (0%, 90%, 90%, 18%)
Бесконечный
чёрный
чёрный
HEX #000000
RGB (0,0,0)
CMYK (0%, 0%, 0%, 100%)
RGB (0,0,0)
CMYK (0%, 0%, 0%, 100%)
Кристально
белый
белый
HEX #FFFFFF
RGB (255,255,255)
CMYK (0%, 0%, 0%, 0%)
RGB (255,255,255)
CMYK (0%, 0%, 0%, 0%)
Graphik
Шрифт Graphik — это вариация на тему европейских гротесков и швейцарского леттеринга начала и середины XX века. Светлые и нормальные начертания созданы под влиянием современников шрифта Futura, гротесков второго ряда вроде Neuzeit Grotesk, Folio, Recta и Maxima. Предустановлен на Тильда.
Финальный дизайн/ ПК
Страница направления обучения
Дополнительно
Такой огромный проект подразумевает множество мер по улучшению пользовательского опыта, а также удобства администрирования сайта, вот некоторые из них:
Перешли на новую, современную платформу — Tilda, что само по себе несёт множество плюсов.
Сделали мобильную версию для всех страниц.
Написали новые тексты для всех направлений: убрали канцелярщину, понятным языком объяснили, что поступающих ждёт на каждом из направлений обучения.
На каждой странице добавили кнопки для быстрого перемещения по блокам.
Облегчили затраты по содержанию сайта: Убрали «мёртвые» разделы, которые не обновлялись годами.
Создана библиотека блоков
на Тильде для лёгкого создания новых страниц и редактирования существующих.
на Тильде для лёгкого создания новых страниц и редактирования существующих.
Другие проекты
Взлётка для Пешеходов
Web-сайты
События
Айдентика “оставайся здесь”
Брендинг
Соцсети
События