avatar Денис Краюшкин Разработчик года


Разработка мультивалютного web-приложения World Planting

Задача

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

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

Решение

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

Было решено делать SPA-приложение, это позволило нам:

— уменьшить нагрузку на сервер путем обращения к нему только при загрузке страницы;
— увеличить отзывчивость интерфейса web-приложения: весь необходимый код загружается сразу, при дальнейшем взаимодействии с ним содержимое страницы меняется мгновенно;
— уменьшить объём передаваемых данных. Все данные загружаются вначале, следовательно, один и тот же массив информации не будет передаваться несколько раз.

SPA является представителем приложений на HTML5, что является показателем современной разработки.

Бэкенд сайта был разработан на Laravel. Laravel позволил нам гарантировать клиенту безопасность сайта, повышенную производительность и многоязычность.

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

На главной странице сайта были реализованы 2 интерактивных элемента:

1. Игра. В интерактивном режиме можно высаживать собственную плантацию и отслеживать какую пользу для экологии приносят все посаженые деревья.

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

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

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

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

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

Мы выполнили ряд технических работ по сайту:
— Внедрили слайдер на всем сайте;
— Вся анимация в CSS формате;
— Настроили анимированное меню (подсветка элементов, выпадающие блоки);
— Адаптировали сайт под мобильные устройства.

Результат

Многостраничный сайт отвечает требованиям заказчика и предусматривает следующие моменты:
— показ потенциальным клиентам выгоду проекта с 1 страницы;
— 3 тарифа покупки деревьев: стандартный и гарантийный и предзаказ;
— ввод и вывод денежных средств;
— быструю покупку за 1 клик;
— продажу всех деревьев клиента в 1 клик;
— внутренний счет каждого клиента;
— смену тарифа без утерянных накоплений;
— онлайн-биржу для купли-продажи;
— 100% безопасность конфиденциальных данных.

Примеры реализации(ссылки)

https://worldplanting.com/

1632067222.jpg