Ещё проект
Заснята отработка всех элементов сайта-визитки панели управления системой аналитики.
Дата загрузки: 2019-09-19 00:00:00 +0500
О клиенте:
Привольцев Анатолий— менеджер компании.
Задача:
Есть готовый дизайн главной страницы. Необходимо разработать дизайн остальных страниц сайта-визитки в том же стиле и сверстать их.
Что сделано:
Разработка прототипа (структуры страницы): расположение элементов, тексты.
Разработка дизайна страниц.
Вёрстка сайта-визитки.
Инструменты:
- Редактор Фигма
- Редактор Крита
- Редактор Инкскейп
- ХТМЛ
- ЦСС
- Бутстрап
- Джаваскрипт
- Джейкуери
- Гулп
- Сасс
Процесс
Прототипирование
Разработал прототип страниц сайта-визитки. Показал расположение всех элементов: тексты; изображения и т.д.
Пояснил какие будут анимации на страницах.
Согласовал с заказчиком.
На главной странице описаны главные преимущества и тезисы сервиса, указаны три основных тарифа и даны ссылки для более основательного изучения программы.
В хедере заголовок отражающий основную задачу программы, краткое описание и тематическое фоновое изображение.
Страница «Продукт» описывает программу CRM «Analytics» — каждое преимущество и функции, которые будут доступны для клиентов. Каждая секция описывает отдельную функцию программы, облегчающую жизнь клиенту — подробное описание повышает конверсию страницы.
Страница «Цены» содержит полноценную тарифную линейку, среди представленных тарифов каждый выберет подходящий вариант для себя.
На странице «FAQ» находятся ответы на частые вопросы клиентов CRM «Analytics» — посетитель сайта может посмотреть и найти интересующую его информацию, что уберёт часть сомнений или возражений.
На странице «Контакты» размещены все контактные данные по которым люди легко свяжутся с администрацией или технической поддержкой CRM «Analytics».
Адреса, время работы, телефоны, электронная почта и контактная форма.
Далее идут две страницы с похожей структурой — это «Лицензионное соглашение» «Политика конфиденциальности в области обработки персональных данных». Так как их структура идентична, показано изображение только одной из них.
Страницы больше юридические, поэтому на них только тексты и заголовки и сказать про них больше нечего.
Последняя страница технического плана — «страница ошибки 404», которая появляется когда человек вводит несуществующий адрес страницы на сайте CRM «Analytics».
Дизайн
Для дизайна использовались три основных оттенка: тёмно-фиолетовый; тёмно-синий; и акцентным был необычный оттенок на границе синего и зелёного цветов.
Вёрстка сайта-визитки
Сайт верстался с применением сетки bootstrap. Из фреймворка подключалась только сетка, чтобы избежать избыточности кода.
Вёрстка адекватно работает во всех браузерах, полностью адаптивная и валидная, с применением семантических тегов.
Интерактив
В процессе работы реализованы простые интерактивные элементы: формы заказа; постраничная навигация; кнопка возврата к верху страницы; ссылки и кнопки; иконки социальных сетей; карты в табах; спойлеры (аккордеоны).
Анимация
На сайте сделаны мягкие, приятные для глаз анимации — в основном срабатывающие по наведению на элементы — ссылки и кнопки.
Также присутствует анимация движения стрелочки в заглавных секциях страниц и анимация раскрытия / закрытия спойлеров.
Выгрузка на хостинг
После того как всё было настроено и протестировано на локальном сервере — произвёл выгрузку проекта на хостинг клиента.
Результат
- Посмотреть работу сайта: перейти
Затрачено времени:
12 дней
Бюджет проекта:
Конфиденциально
