Перенос сайта на WordPress с новым дизайном и анимацией

Консультационные услуги для зарубежной аудитории: перенесли сайт на WordPress с новым дизайном. Макет согласовали в Figma до вёрстки, добавили анимацию и раздел блога, а всю работу вели на тестовой площадке.

Обсудить проект Открыть сайт проекта ↗

Сайт консультационного сервиса для зарубежной аудитории на WordPress — Startup Visa

Отрасль: Консультационные услуги
Услуга: Перенос и редизайн сайта
Платформа: WordPress
Бюджет проекта: NDA*

Делаем такие проекты под ключ Обсудим задачу, назовём срок и стоимость до начала работ.

Разработка и создание сайтов Оставить заявку

Результат

Коротко о проекте

Figma

Макет до вёрстки

Дизайн согласован до начала работ

Тестовая площадка

Показ до публикации

Правки вносились без простоя сайта

Блог

Новый раздел

Регулярные материалы для аудитории

Задача

С чем пришёл клиент

Заказчик оказывает консультационные услуги и работает с зарубежной аудиторией. Действующий сайт перестал устраивать и по оформлению, и по возможностям: обновлять его было неудобно, а вести регулярные материалы — почти невозможно.

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

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

Новый дизайн Оформление требовалось не перенести один в один, а собрать заново, с анимацией и современными блоками.

Раздел блога Аудитории нужны регулярные материалы, а на прежнем сайте вести их было неудобно.

Без простоя Действующий сайт продолжал работать, поэтому все правки нельзя было вносить на живой площадке.

Решение

Что сделали

Согласовали макет в Figma

Прежде чем верстать, собрали дизайн в Figma и показали заказчику. Правки вносили в макет — это дешевле и быстрее, чем переделывать готовую страницу.

Перенесли сайт на WordPress

Сайт перевели на WordPress: содержимое перенесли, структуру собрали заново под новый дизайн.

Добавили анимацию

Оформили появление блоков и элементов при прокрутке. Анимация подчёркивает структуру страницы и не мешает чтению.

Интерфейс

Как выглядит сайт

About Us

Services

О проекте

Сайт консультационного сервиса для зарубежной аудитории на WordPress — Startup Visa

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

Работу начали с дизайна: собрали макет в Figma и согласовали его до вёрстки. Такой порядок экономит время — правки на этапе макета вносятся быстро, а переделка готовой страницы всегда дороже.

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

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