Front-end и Back-end программирование сайта для Cryptology - кейс от веб-студии Fenix Industry
Front-end и Back-end программирование сайта для Cryptology Front-end и Back-end программирование сайта для Cryptology
Проект

Front-end и Back-end программирование сайта для Cryptology

Виды работ
Кастомная разработка проекта
ABOUT PROJECT
Задание

Выполнить работы с Front-end и Back-end программирования сайта для компании Cryptology, которая занимается обучением в сфере трейдинга для новичков, а также людей с опытом работы с финансовыми рынками. Кроме реализации данного дизайна необходимо было разработать custom-конструктор, с помощью которого администраторы сайта смогут самостоятельно корректировать содержимое проекта, а также создавать новые страницы с помощью заранее подготовленных элементов. Разработка сайта выполнялась с применением технологии Laravel.

Implementation

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

Большинство элементов на странице анимированы с помощью классических fade-анимаций. Блок о компании реализован со счетчиками, которые набирают заданные показатели с эффектом начисления, что придает больше динамики и заинтересованности со стороны пользователя, в противоположность статическим элементам. Процесс обучения стилизован в виде трейдингового графика и командой сразу было принято решение применить custom-анимацию для воспроизведения учебного процесса. Такой подход не позволяет пользователю пройти мимо блока, а предлагает последовательно ознакомиться с процессом прохождения курса.

Список имеющихся программ школы Cryptology реализован в виде горизонтального "аккордеона" с применением классической fade-анимации. Часто задаваемые вопросы появляются на экране в процессе скрола. Наличие даже минимальной анимации на сайте заинтересовывает пользователя динамикой и повышает внимание потенциального клиента в противоположность обычной статике, которая выглядит достаточно скучно.

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

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

OVERVIEW
Краткий обзор проекта

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

Хочу похожий проект Смотреть проект
Desktop
Phone
Get in touch
Есть идея для проекта?
Напишите нам
Если у вас есть идея для собственного проекта и вы хотите реализовать ее с нами, оставьте заявку и мы свяжемся с вами для обсуждения деталей.
Поля с * являются обязательными для заполнения