Cайт-портфолио для контент-креатора Андрея Бурды
Создание сайта под ключ
Задача
Создать многостраничный сайт для презентации работ контент-креатора – фото, видео, контента для социальных сетей и рекламных кейсов. В качестве платформы использовать CMS WordPress и премиум-тему, приобретенную заказчиком – Aoki. Готовое доменное имя и хостинг также были заранее приобретены и предоставляются заказчиком.
Сайт должен быть тр ехъязычным – на украинском, английском и чешском языках. Страницы должны быть заполнены демонстрационным контентом. К сайту предъявляются требования по адаптивности для всех устройств, браузеров и операционных систем, а также по быстрой загрузке. Все видеофайлы в портфолио должны открываться с помощью эффекта лайтбокс. На сайте должны быть кнопки со ссылками на социальные сети владельца и номер телефона.
Проект состоит из следующих страниц и подстраниц:
- Главная
- Обо мне
- Портфолио:
- Фото
- Видео
- Социальные сети
- Реклама
- Контакты
Заказчик предоставил макет дизайна всех страниц сайта с демо-контентом, как он их себе представляет, созданный в Claude.ai.
Дополнительные задачи
Использовать брендовый шрифт, предоставленный заказчиком.
После создания сайта предоставить заказчику инструкцию по наполнению портфолио контентом.
Инструменты реализации
Для реализации проекта использовались следующие инструменты:
- платформа – CMS WordPress;
- тема – Aoki;
- конструктор страниц WPBakery (в составе темы);
- плагин Firelight Lightbox – эффект лайтбокса в видео;
- плагин Polylang – многоязычность;
- плагин Loco Translate – перевод элементов темы с английского на украинский и чешский языки.
Ход работы и результат
Работа началась с установки WordPress на домене и хостинге заказчика, а также установки и активации премиум-темы. Заказчик предоставил ключи активации и другие необходимые данные.
Затем была создана украинская версия главной страницы, аналогичная предоставленному макету Claude.ai. Для реализации использовались блоки WPBakery. Страница была продемонстрирована заказчику, после чего он внес несколько правок, которые были сразу реализованы. В том числе, некоторые правки требовали внесения кастомных CSS-стилей.
Затем была выполнена дальнейшая работа – реализованы все остальные страницы, а также многоязычность. Для достижения оптимальной адаптивности для мобильной и десктопной версий создавались отдельные варианты некоторых блоков.
С помощью плагина Loco Translate некоторые элементы дизайна темы были переведены на необходимые языки – с английского на украинский и чешский.
Заказчик предоставил свой фирменный шрифт, который был установлен на сайт с помощью инструментов WordPress и подключен с помощью CSS-кода. После этого шрифт был успешно применен на всех страницах.
Особого внимания требовала страница Видео, на которой должны были размещаться видео с соотношением сторон 9:16, открывающиеся в лайтбоксе. Сетка была создана с помощью блоков WPBakery, а лайтбокс – с помощью плагина Firelight Lightbox и специального кода открытия. Видео берутся с YouTube.
В результате был создан сайт burda.marketing, который после демонстрации заказчику получил незначительные правки, и проект был сдан.
#создание_сайта #сайт-потфолио
Создать многостраничный сайт для презентации работ контент-креатора – фото, видео, контента для социальных сетей и рекламных кейсов. В качестве платформы использовать CMS WordPress и премиум-тему, приобретенную заказчиком – Aoki. Готовое доменное имя и хостинг также были заранее приобретены и предоставляются заказчиком.
Сайт должен быть тр ехъязычным – на украинском, английском и чешском языках. Страницы должны быть заполнены демонстрационным контентом. К сайту предъявляются требования по адаптивности для всех устройств, браузеров и операционных систем, а также по быстрой загрузке. Все видеофайлы в портфолио должны открываться с помощью эффекта лайтбокс. На сайте должны быть кнопки со ссылками на социальные сети владельца и номер телефона.
Проект состоит из следующих страниц и подстраниц:
- Главная
- Обо мне
- Портфолио:
- Фото
- Видео
- Социальные сети
- Реклама
- Контакты
Заказчик предоставил макет дизайна всех страниц сайта с демо-контентом, как он их себе представляет, созданный в Claude.ai.
Дополнительные задачи
Использовать брендовый шрифт, предоставленный заказчиком.
После создания сайта предоставить заказчику инструкцию по наполнению портфолио контентом.
Инструменты реализации
Для реализации проекта использовались следующие инструменты:
- платформа – CMS WordPress;
- тема – Aoki;
- конструктор страниц WPBakery (в составе темы);
- плагин Firelight Lightbox – эффект лайтбокса в видео;
- плагин Polylang – многоязычность;
- плагин Loco Translate – перевод элементов темы с английского на украинский и чешский языки.
Ход работы и результат
Работа началась с установки WordPress на домене и хостинге заказчика, а также установки и активации премиум-темы. Заказчик предоставил ключи активации и другие необходимые данные.
Затем была создана украинская версия главной страницы, аналогичная предоставленному макету Claude.ai. Для реализации использовались блоки WPBakery. Страница была продемонстрирована заказчику, после чего он внес несколько правок, которые были сразу реализованы. В том числе, некоторые правки требовали внесения кастомных CSS-стилей.
Затем была выполнена дальнейшая работа – реализованы все остальные страницы, а также многоязычность. Для достижения оптимальной адаптивности для мобильной и десктопной версий создавались отдельные варианты некоторых блоков.
С помощью плагина Loco Translate некоторые элементы дизайна темы были переведены на необходимые языки – с английского на украинский и чешский.
Заказчик предоставил свой фирменный шрифт, который был установлен на сайт с помощью инструментов WordPress и подключен с помощью CSS-кода. После этого шрифт был успешно применен на всех страницах.
Особого внимания требовала страница Видео, на которой должны были размещаться видео с соотношением сторон 9:16, открывающиеся в лайтбоксе. Сетка была создана с помощью блоков WPBakery, а лайтбокс – с помощью плагина Firelight Lightbox и специального кода открытия. Видео берутся с YouTube.
В результате был создан сайт burda.marketing, который после демонстрации заказчику получил незначительные правки, и проект был сдан.
#создание_сайта #сайт-потфолио