ЗАДАЧА

Разработать брендбук, логотип и корпоративный сайт для компании UDS.

Решение

  • Разработка уникального дизайна
  • Создание логотипа компании
  • Реализация сайта на CMS WordPress
  • Использование анимированных элементов
  • Реализация мультиязычности веб-ресурса
  • Модульный скоростной JS на базе TypeScript
bg-image bg-image
context-image

01

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

context-image

02

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

context-image

03

Для удобства пользователей на главной странице размещен логотип, УТП и кнопка для быстрого оформления обратного звонка.

context-image

04

Благодаря использованию JavaScript добавлена анимация блока о компании и УТП.

context-image

05

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

context-image

06

С целью подчеркнуть интерфейс сайта, сделать его оригинальным и необычными, привлечь внимание пользователей на сайте используются hover-эффекты. Благодаря им ресурс получился не перегруженным информацией и лаконичным.

context-image

07

Для удобной коммуникации с пользователями добавлена форма обратной связи с акцентом на призыв к действию и анимацией поля ввода.

 

Используется адаптивная верстка с дополнительной проработкой 2к и 4к разрешений.

phone-border phone-shadow
img
img
img

01

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

02

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

03

Добавлена форма обратной связи с пользователями с призывом к действию для удобной коммуникации. Реализована валидация формы на стороне клиента.

phone-border status-bar phone-shadow

Сайт адаптирован под все
мобильные устройства.

Технологии использованные в этом проекте:

Front-end:
HTML5, CSS
image
image
Back-end:
PHP 8+, WordPress
image
image

У вас похожая задача?

Рассчитаем для вас проект

Обсудить проект