Close
У вас есть вопрос? Оставьте заявку, мы перезвоним вам для консультации
Фишки проекта

Многостраничный сайт на Tilda для BC Academy

Русская и английская языковые версии
Анимация
Zero блоки
Продолжаем сотрудничество
Дизайнер и разработчик сайта Алена Волкова, 2023
Период сотрудничества:
Апрель 2023 — по настоящее время

Задача от клиента:
Разработать дизайн сайта с версткой его на Тильде, используя фирменные цвета, логотип и иллюстрации их компании, у сайта должны быть 2 языковые версии: русская и английская, нужно объединить разные направления удобной навигацией, передать атмосферу и ценности компании.

Ниша:
Сайт для направлений детского сада и школы в Дубае. В ходе разработки сайта ТЗ изменилось, перешли к фокусу на направление детских садов.

Этапы разработки

По заполненному брифу и обсуждению задач проекта составила карту сайта.

В дальнейшем она очень помогла нам ориентироваться по структуре, сверяться с планом и корректно вносить изменения.

1

Анализ конкурентов показал, какие блоки чаще всего используют на сайтах в данной нише.
А также, какими визуальными приемами пользуются компании.

Во всех просмотренных вариантах был слишком сильный перевес в сторону «детского» оформления, анимация иногда мешала изучению контента, смещала акценты.

Поэтому в своем дизайне я постаралась учесть удобство изучения информации на сайте, т.к. целевая аудитория, принимающая на нем решения — взрослые. Но при этом яркими цветами и легкими иллюстрациями подчеркнуть атмосферу, в которую попадают дети, обучающиеся в BC Academy,

Собрали ТЗ на основе переписки, изучения материалов фирменного стиля клиента.

1 шагом к дизайну была разработка дизайн-концепции. На основе 1 экрана сайта я показала, как можем использовать существующую палитру компании, ее шрифты и фотографии.

2
Цвета фирменного стиля клиента
Паттерн из фирменного стиля клиента

На начальном этапе создания сайта у нас планировался слайдер, который показывал бы обложки разных направлений

После концепция учреждения немного изменилась, 1ый экран в итоге стал статичным.

1ый экран сайта на десктопной версии. В меню сразу заложили возможность переключения языка

Дизайн-макет сайта собирала в Figma, этот этап всегда дает клиенту возможность внести необходимые корректировки до сборки сайта на Тильде.

Несколько интераций бесплатных правок у меня всегда включены в стоимость сайта на каждом этапе согласования.

3
Дизайн-макет сайта собирала в Figma, этот этап всегда дает клиенту возможность внести необходимые корректировки до сборки сайта на Тильде.

Несколько интераций бесплатных правок у меня всегда включены в стоимость сайта на каждом этапе согласования.
3
На этих скринах можно подглядеть в мое рабочее пространство в программе Figma.
Около макета — пометки с комментариями для клиента, примеры состояния кнопок, система отступов. Дизайн-макет — это как рабочие чертежи для постройки дома.
Макет позволяет "примерить" разное оформление блоков, например, выбрать вариант из двух фото.
Или показать разные идеи заливки фона блока.
4

Результат — готовый сайт на платформе Tilda c полным адаптивом версий.

ссылка на сайт
В настоящий момент
За весь период сотрудничества на сайт уже несколько раз вносились изменения, поэтому результат по ссылке будет отличаться от идей, которые вы видели в первоначальных макетах.

Но ключевые характеристики остаются неизменны:
  • сайт по-прежнему дополняется с учетом адаптации дизайна под все версии устройств
  • новые блоки поддерживают общий фирменный стиль, имеют похожую физику анимации
  • сохраняется система отступов и типографика сайта
  • увеличение количества страниц сайта не мешает навигации, в новых разделах дорабатываются подменю
Если вам нужна разработка сайта на Tilda по договору, с четким соблюдением сроков, заполните форму
или свяжитесь со мной в Telegram (Пн-Пт 10:00-18:00)
Made on
Tilda