Создание инвестиционного и AI-трейдингового вебсайта PeakProfit на WordPress
Полнофункциональный сайт с инвестиционным калькулятором, AI-онбордингом и курсами по трейдингу. Выполнен по макету Figma на WordPress.
Проблема
Клиенту требовалось объединить три разных сценария:
- обучение пользователей (по типу Coursera или Udemy),
- демонстрацию инвестиционных возможностей и доходности,
- персонализированный AI-онбординг с опросами и рекомендациями.
На рынке не существовало готовых решений, объединяющих все эти функции в одном интерфейсе. Поэтому сайт нужно было разработать на основе полностью кастомной архитектуры в WordPress.
Задача
Создать сайт, сочетающий дизайн премиального уровня и сложную функциональность, позволяющую пользователю пройти путь от ознакомления до обучения и инвестирования.
Сайт должен был стать центральной площадкой, которая:
- презентует систему AI-трейдинга,
- обучает новичков и продвинутых пользователей,
- мотивирует к регистрации и вовлечению через AI-онбординг.
Результаты
- Время загрузки страницы — менее 1 секунды;
- Уникальная система AI-онбординга, вовлекающая пользователя;
- Полностью кастомная структура WordPress без лишних плагинов;
- Курсы с видеоуроками, рейтингами и визуальным прогрессом;
- Калькулятор доходности, работающий прямо на главной странице;
- Эстетичный и технологичный UI, повышающий доверие пользователей.
Проделанная работа
Разработал кастомную тему WordPress с нуля на основе макета Figma;
Настроил админку с пользовательскими полями ACF, включая блоки для курсов, уроков, видео и подсчёта длительности;
Создал инвестиционный калькулятор на первом экране, позволяющий рассчитать прибыль в зависимости от суммы и срока инвестиций;
- Реализовал анимации при скролле (scroll animation), добавив живость и вовлечение;
- Разработал систему обучения с курсами — у каждого курса есть рейтинг, количество уроков, продолжительность и прогресс прохождения (аналогично Udemy);
- Создал онбординг-систему с выбором пола, возраста, уровня дохода и других параметров, реализованную через чистый JavaScript;
- Верстка выполнена в Gulp-сборке, что позволило добиться идеальной структуры и скорости;
- Оптимизация под все устройства и браузеры — Pixel Perfect + адаптив.
Ключевые моменты проекта
Описание проекта
Описание проекта
PeakProfit — это современная инвестиционно-образовательная платформа, объединяющая в себе обучение трейдингу, AI-аналитику и расчёт доходности.
Задачей проекта было создание высокофункционального вебсайта, который визуально внушает доверие и технически работает на вовлечение пользователей.
Я разработал сайт полностью с нуля, по детальному макету в Figma, с сохранением каждого визуального нюанса.
Дизайн выполнен в минималистичном стиле с плавными анимациями и мягкой цветовой палитрой, чтобы пользователь чувствовал лёгкость и технологичность продукта.
Функциональные решения
- Кастомные метабоксы для курсов, уроков и прогресса;
- Расчет прибыли через JavaScript-калькулятор;
- Система пошагового AI-онбординга;
- Плавные анимации при скролле;
- SEO-разметка по Schema.org;
- Лёгкая структура темы (без Elementor/Builder);
- Оптимизация под Core Web Vitals.
Итог
Сайт PeakProfit стал премиальным инвестиционно-образовательным решением, в котором AI, обучение и дизайн объединены в одном пространстве.
Он демонстрирует технический уровень разработки и UX-мышление, направленное на конверсию и вовлечение.
Используемые технологии
WordPress
JavaScript
PHP
Хостинг и деплой
