Задание заказчика
Нужно разработать биржу по продаже вечных ссылок с большим функционалом, значительно отличающим проект от подобных сайтов. Размещение должно быть ручное. При добавлении сайта автоматический сбор всех показателей - ТИЦ, PR, количество страниц в поисковиках, наличие в каталогах, возраст домена и так далее. Дизайн должен быть современный и адаптирован под все разрешения экрана.
Результат выполнения
Суть проекта состоит в том, что бы одни пользователи (вебмастеры) добавляли свои сайты в систему, а другие (рекламодатели)  покупали на них вечные ссылки. Администратор получает определённый процент от каждой сделки. Подобных проектов десятки, я же постарался ввести новые функции и взять верх над конкурентами.

Некоторые преимущества:
» Автозачисление средств через платёжную систему Payeer
» Реферальная система из двух уровней
» Один кабинет для вебмастера и рекламодателя
» Личные сообщения между участниками проекта
» Автоматическое определение параметров добавляемого в систему сайта
» Удобный поиск сайтов с необходимыми данными
» Современные технологии Ajax и HTML5

Описание страниц проекта

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

Главная страница построена в виде лендинга, на котором описаны преимущества проекта как для вебмастеров, так и для рекламодателей. Так же обозначены отличия от других подобных систем. В самом низу Landing Page находится красивый слайдер со случайными отзывами.

Регистрация:
Регистрация

Здесь регистрируются новые пользователи. Вводится только логин, пароль и E-mail. Остальные данные заполняются в профиле. Авторизоваться на проекте можно на любой странице в модальном окне.

Восстановление пароля:
Восстановление пароля

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

Каталог сайтов:
Каталог сайтов

Здесь расположены рекламные площадки, добавленные пользователями в систему и проверенные администратором. По каждой площадке отображаются соответствующие ей данные - скриншот, стоимость покупки ссылок на различных уровнях, ТИЦ , PR, количество проиндексированных страниц в поисковиках, наличие в каталогах и дата регистрации домена. Авторизованный пользователь может купить ссылку или написать вебмастеру личное сообщение. Скриншот покупки ссылки смотрите ниже.
Покупка ссылки


Поиск площадок:
Поиск площадок

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

Новости:
Новости

Здесь показаны новости проекта, которые размещаются администратором в панели управления.

Отзывы:
Отзывы

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

Контакты:
Контакты

Контакты администрации для пользователей проекта.

Описание страниц личного кабинета

Главная страница личного кабинета:
Главная страница личного кабинета

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

Техподдержка:
Техподдержка

Здесь пользователь может создать тикет для связи с администрацией и решения возникшей проблемы. При создании нового тикета помимо темы и сообщения пользователь может выбрать категорию обращения и срочность. Так же есть возможность подстановки темы и сообщения через GET, например, ?theme=Тема&message=Сообщение. Форма создания нового тикета показана на скриншоте ниже.
Создание нового тикета

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


Сайты пользователя:
Сайты пользователя

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


Ссылки пользователя:
Ссылки пользователя

Здесь отображаются купленные или ожидающие покупки ссылки пользователя. У ссылки могут быть разные статусы - на модерации, ожидает размещения, размещено, отклонено и другие. У каждой ссылки показана информация о сайте, где она размещена. Так же можно написать личное сообщение вебмастеру. Ссылки можно редактировать и удалять. Если ссылка уже размещена, то редактировать её нельзя.

Личные сообщения:
Личные сообщения

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


Пополнение баланса:
Пополнение баланса

Здесь пользователь может пополнить баланс своего аккаунта через платёжную система Паер.

Вывод средств:
Вывод средств

В данном разделе юзер может заказать выплату на свой кошелёк, указанный в профиле. Обратите внимание на холд, При продаже рекламного места деньги переводятся сперва в холд и только спустя 2 недели зачисляются на баланс аккаунта. Это нужно для того, что бы вебмастер не удалил размещённую ссылку.

Профиль:
Профиль

Профиль состоит из следующих форм: смена пароля, платёжные реквизиты, смена E-mail и дополнительные настройки. Все данные сохраняются в фоновом режиме.

Реферальная система:
Реферальная система

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

Описание страниц панели управления

Главная страница панели управления:
Главная страница панели управления

В панели управления слева появляется удобное меню. Его можно свернуть и будут показываться только иконки. При переходе на другие страницы оно останется в свёрнутом состоянии. На главной страницу ПУ расположены блоки с выведенной статистикой по проекту.

Сайты:
Сайты

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

Ссылки:
Ссылки

Здесь показаны купленные ссылки. Администратор может их модерировать, редактировать и удалять. Так же есть сортировка по статусам. На скриншоте показано открытое модальное окно модерации.

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

Заявки на вывод:
Заявки на вывод

Здесь администратор обрабатывает заявки на вывод. Обратите внимание, на скриншоте меню находится в свёрнутом состоянии.

Поддержка пользователей:
Поддержка пользователей

Здесь администратор отвечает на тикеты пользователей. При необходимости админ может создать тикет с нужным юзером и начать с ним диалог. На скриншоте видна развёрнутая форма создания нового тикета.

Отзывы пользователей:
Отзывы пользователей

Здесь происходит модерация отзывов пользователей.

Новости:
Новости

На данной странице админ добавляет новости системы.

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

Итог:
Получился хороший красивый проект с множеством полезных функций как для пользователей, так и для администратора. Поддержка абсолютно всех разрешений экрана благодаря адаптивной резиновой вёрстке. Заказчик остался доволен выполненной работой. Данный скрипт был в дальнейшем проработан и выведен в отдельный движок Webupper, который в свою очередь подвергся значительным изменениям и стал полноценной универсальной CMS.
Заказать работу