Project Screenshot

Kout

Kout.io - an e-commerce platform aggregating products from retailers like Amazon, Asos, House of Fraser and many others. Rather than buying products directly, customers play a free game (similar to a scratch card) for a chance to win discounts - ranging from 2% to 99% off.

  • The story behind Kout IO

    KoutIO - это аггрегатор большого количества мультибрендовых товаров с различных платформ, где пользователь может выйграть любой товар сыграв в простую онлайн игру. Основатель компании Samuel Huber обратился к нам с идеей о разработке данного продукта. Нам понравился существующий концепт, потому что на самом деле такие платформы стимулируют онлайн продукты и мы с большим желанием взялись за этот проект.

  • Analysis

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

  • Our solutions

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

Results

Duration:
October 2015 - November 2016
Team:
Backend - 1 Frontend - 1
Designed the UI/UX

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

Developed the frontend

Клиент не пожелал использовать какие либо фреймверки, поэтому было решено использовать jQuery. Верстка сайта была сделана с помощью набора инструментов Twitter Bootstrap. Товары было решено разместить используя Masonry стиль для размещения большего количества товаров на странице. Также была реализована server-side подгрузка товаров при скроле. Одинм из основных эллементов на фронте была игра в стиле "Сапер". Клиент пожелал, чтобы она была сделана на чистом JavaScript и анимация на CSS3. Нам эта идея также понравилась и мы с большим интересом ее реализовали.

Developed the backend

Серверная часть была разработана с использований технологии NodeJS + MongoDB. Также был построен движок парсеров, который постоянно мониторит скидки на сайтах-ретейлерах и обновляет существующую базу данных. Для получения результатов игры в режиме реального времени клиент пожелал использовать технологию SocketIO. Вся структура бэкенда была разработана в соответствии с лучшими мировыми практиками, полностью задокументирована и готова к дальнейшему расширению и поддержке

Implemented features

Был разработан стандартный модуль регистрации через фейсбук.

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

Был реализован быстрый autocomplete поиск по системе, который предлагает варианты во время ввода ключевых слов.

Также была реализована возможность постоянного пополнения базы продукции ретейлеров через написанные нами парсеры и интегрированные Web API.

Платежная система была реализована на основе paypal интеграции.

Нами был предложен и реализован интересный вариант навигации по каталогам и брендам представленной на сайте продукции

Technology Stack

HTML5 icon
HTML5
CSS3
jQuery icon
jQuery
Node icon
NodeJS
PostreSQL icon
MongoDB
Nginx icon
Nginx
Socket icon
SocketIO
Bootstrap icon
Bootstrap