Производство пеллет (мультиязычный сайт под ключ)
Функционал:
- Переключатель языков (рус/англ/фр/исп)
- Интерактивная схема линии производства (см. стр. Линии гранулирования)
- Форма обратной связи для клиента
- Карусель изображений
- Карта
- Возможность редактирования контента (для администратора сайта)
Задача:
Разработать сайт на нескольких языках под ключ, который может доступно рассказать потенциальному клиенту
о сфере и принципах работы компании, устройстве производства, преимуществах сотрудничества.
Возможность выделяться среди сайтов-конкурентов в сфере деревообработки.
Сделать сайт более привлекательным и современным
(по сравнению со старым сайтом, который давно требовал редизайна).
Работа над проектом:
ПРОТОТИП
После брифа с заказчиком и составления подробного ТЗ, мною был разработан прототип
сайта, который показывал основные сценарии поведения пользователя на будущем сайте,
расположение объектов, блоков и кнопок, расстановка акцентов с помощью размеров,
типографики и позиции элементов.
ДИЗАЙН
После утверждения прототипа, мы перешли к разработке непосредственно дизайна.
Учитывая то, что мы составили очень подробный прототип, нам просто оставалось
выбрать цветовую палитру для сайта. Цвета для сайта я выбирал исходя из цветов
логотипа компании (зеленый,темно-серый, белый), который уже имелся на тот момент.
ВЕРСТКА
Утвердив дизайн, мы приступили к фронт-энду. Верстка сайта осуществлялась традиционным
методом (без применения разного рода конструкторов, препроцессоров и тд) с помощью HTML,
CSS, Jquery. Адаптивность сайта была проработана ещё на стадии прототипирования, по этому, мы быстро
и качественно реализовали этот этап.
ИНТЕГРАЦИЯ В CMS
В качестве системы администрирования мы выбрали Wordpess, на базе которой мы реализовали такие функции, как
форма обратной связи для клиентов, мультиязычность (русский, английский, французский, испанский), возможность самостоятельно править
контент.
| Предыдущая работа | Все работы | Следующая работа |
Другие работы
Landing Page для вебинара по SMM Посадочная страница для анонса вебинара для тех, кому интересна тема SMM Дизайн: не нагруженный, плоский дизайн, позволяющий удобно изучить предоставленную информацию. Оранжевый цвет обозначает акценты и элементы призывов к действию. Верстка: кро…
Лендинг-портфолио для веб-разработчика Дизайн лендинга-портфолио для веб- по разработчика ЗАДАЧА Разработать дизайн сайта для фрилансера, специализирующегося на веб- разработке — верстке сайтов, работой с системами управления контентом. На сайте нужно показать перечень услуг, которые…
Школа фотографии Дизайн сайта для киевской школы фотографии Photo Prime Задача: В начале работы, заказчик дал понять, что хочет видеть дизайн, который кардинально отличается от того, что можно увидеть на сайтах подобной тематики. Обычно в таких сайтах присутствует …
Производство пеллет (мультиязычный сайт под ключ) Мультиязычный сайт под ключ для компании по проектированию и строительству заводов по производству пеллет (сфера деревообработки) Функционал: - Переключатель языков (рус/англ) - Интерактивная схема линии производства (см. стр. Линии гранулирования)…
Дизайн лендинга-портфолио для веб-разработчика Дизайн лендинга-портфолио для веб- по разработчика ЗАДАЧА Разработать дизайн сайта для фрилансера, специализирующегося на веб- разработке — верстке сайтов, работой с системами управления контентом. На сайте нужно показать перечень услуг, которые…
Опоры освещения Задача: Разработать качественный дизайн одностраничного сайта для предприятия, которое занимается изготовлением и продажей опор освещения. У заказчика уже имелся прототип, по которому я и разрабатывал дизайн лендинга. Заказчик хотел качественный…
Веб студия LANTY Посадочная страница для компании, которая занимается разработкой Landing Page с высокой конверсией. Задача: Заказчик хотел простой дизайн страницы (Bootstrap 4) одновременно с внедрением оригинальных решений в плане отдельных графических элементов,…
Продажа премиальных автомобилей с пробегом Дизайн сайта для компании по продаже премиальных автомобилей с пробегом Задача: Прежде всего, нужно было разработать дизайн сайта, который с легкостью должен справиться с потребностями целевой аудитории. Так же, важно было создать UI, который бы …
