Проект «Твои платежи» — разработка внешнего сайта и админ-панели для платёжной системы (ypmn.ru). Заказчику нужна была современная веб-платформа: понятная витрина сервиса для клиентов и удобная административная часть для команды.
Мы взяли полный цикл по внешней части: проектирование архитектуры интерфейсов, уникальный дизайн, подготовка иконок и графики, адаптивная вёрстка, разработка сайта и админки на Laravel. Отдельно сделали дизайн и вёрстку личного кабинета; программную часть ЛК реализовывал заказчик своими силами.
Цель проекта — собрать сильный цифровой образ платёжного сервиса: доверие, ясная структура, аккуратный UI и техническая основа на Laravel, которую можно развивать дальше. В фокусе были дизайн и backend-архитектура на Laravel, а не платёжные интеграции (их в рамках нашей задачи не подключали).
Тип проекта: веб-сервис / сайт платёжной системы.
Стек: Figma, HTML, CSS, JavaScript, PHP, Laravel.
Формат: адаптив (мобильные + десктоп), публичная часть + админка + дизайн/вёрстка ЛК.
Решение
1. Собрали требования и сценарии: как пользователь знакомится с платёжным сервисом, какие экраны нужны во внешней части и что должно быть в админке.
2. Спроектировали структуру сайта и интерфейсов: информационная архитектура, логика разделов, прототипы ключевых экранов.
3. Разработали уникальный дизайн в Figma — без шаблонов: визуальный стиль платёжного продукта, сетка, типографика, UI-компоненты, иконки и изображения для сайта.
4. Подготовили дизайн личного кабинета и адаптивную вёрстку ЛК. Программирование личного кабинета осталось на стороне заказчика.
5. Сверстали адаптивный frontend публичной части: корректное отображение на смартфонах, планшетах и десктопе, аккуратная вёрстка под макеты.
6. Разработали сайт и административную панель на Laravel (PHP): заложили понятную архитектуру, собрали рабочие экраны внешней части и админки, подготовили основу для дальнейшего развития сервиса.
7. Передали результат: дизайн, вёрстку, Laravel-реализацию внешней части и админки, а также дизайн/вёрстку ЛК для интеграции заказчиком.
Технологии: Figma, HTML/CSS, JavaScript, PHP, Laravel.
Что подчёркиваем в кейсе: продуктовый дизайн платёжного сервиса + разработка на Laravel.
Результат
Заказчик получил готовый внешний контур платёжного сервиса «Твои платежи»:
• уникальный дизайн сайта и графических элементов (иконки, изображения);
• адаптивную вёрстку публичной части;
• рабочий сайт и админ-панель на Laravel;
• дизайн и вёрстку личного кабинета для дальнейшего программирования на стороне заказчика;
• аккуратную визуальную и техническую основу под развитие продукта.
Проект усиливает портфолио по запросам: Laravel, PHP, дизайн сайта, вёрстка, веб-сервис, личный кабинет, адаптивный сайт, разработка сайта под ключ, UI/UX, Figma, платёжный сервис, админка.
Живой пример: https://ypmn.ru
Итог: платёжный сервис получил современный дизайн и Laravel-основу внешней части — без шаблонного вида, с адаптивностью и понятной админкой для команды.
