Задача
- Создать привлекательный лендинг для международного контейнерного хаба. Важно было разработать сайт, который бы максимально раскрывал его преимущества.
Решение
-
На основе анализа конкурентов разработали стильный дизайн, создали сайт и наполнили контентом.
Этапы выполненных работ
1
Анализ конкурентов
Мы начали процесс разработки дизайна с тщательного анализа визуального стиля наиболее популярных сайтов в топе поисковых систем. После выделения пяти самых популярных конкурентов мы изучили их дизайн, анализировали расположение блоков и использование цветов. На основе этого анализа мы решили создать сайт с интерактивным блоком.
2
Создание прототипа
Далее мы начали работу над дизайном. Первым этапом было создание прототипа. Мы разработали макет сайта, разместив на странице всю важную информацию, контент и элементы. Определили, какие блоки будут присутствовать, где расположены тексты, изображения и видео. Получился детальный и насыщенный контентом прототип. После утверждения клиентом мы передали прототип дизайнеру для создания макета.
3
Разработка сайта
После этого мы начали разработку самого сайта. Мы создали одностраничный сайт на платформе MODX, которая отлично подходит для проектов с уникальным дизайном, и мы часто используем эту CMS. Мы написали тексты и разместили их на сайте, также опубликовали фотографии и видеоматериалы, которые полностью передают концепцию компании.
На сайт внедрена интерактивная карта с использованием холста SVG, поделенного на несколько секторов, написаны скрипты для динамической подгрузки данных при взаимодействия пользователя с картой.
4
Адаптивная верстка
Мы создали адаптивный дизайн, чтобы сайт оптимально отображался на всех устройствах и в различных браузерах.
