Сайт по генерации персонализированных картинок с цитатами. Интерактивная игра для пользователей Facebook, в которой пользователь может подобрать себе цитату и опубликовать в своей ленте новостей.
29 165 678

Getcitation.com

Сайт по генерации персонализированных картинок с цитатами. Интерактивная игра для пользователей Facebook, в которой пользователь может подобрать себе цитату и опубликовать в своей ленте новостей.
Сайт по генерации персонализированных картинок с цитатами. Интерактивная игра для пользователей Facebook, в которой пользователь может подобрать себе цитату и опубликовать в своей ленте новостей.

- Проект реализован с нуля;
- Дизайн личного кабинета;
- Дизайн сайта - по рекомендациям заказчика;
- Логика обработки данных;
- Система по генерации персонализированных картинок;
- Концепт "Поделиться" в социальных сетях.

Главная страница



Сайт оформлен в стиле отображаемого списка "Тестов", каждый из которых имеет свое название, а также главное изображение (заставку). На каждый из тестов можно нажать и пройти его. Система обработает ваш запрос и сгенерирует персонализированную картинку.





Страница "теста"



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





Результат



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





Панель управления



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





Конструктор картинок



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