Все тонкости организации процесса разработки сайта

Практически каждый веб-дизайнер подтвердит, что большая часть его работы – это повторение. Мы каждый раз выполняем одни и те же задачи, разве что чуть-чуть измененные, для каждого веб-проекта. Следуя детально разработанному плану по дизайну веб-сайтов, вы можете значительно ускорить свою работу, а также помочь клиентам понять, какую роль вы играете в проекте. В этой статье будет показано, как разработка технического задания веб-дизайна может организовать мысли разработчика, ускорить сроки проекта, а также способствовать росту фриланс-бизнеса.

Во-первых, разберемся, что же такое «техническое задание»? техзадание веб-разработки – это документ, перечисляющий все шаги, которые необходимо предпринять для завершения обычного проекта по веб-дизайну. Этот документ разделяет работу по этапам, а затем эти этапы подразделяет на задачи и ресурсы, которые могут быть использованы, как карта проекта.

Стандартное техзадание

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

1. Планирование

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

Анализ требований

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

Положение проекта (или документ, его заменяющий)

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

Карта сайта

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

Контракты, определяющие авторские права и денежные отношения

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

Получения доступа к серверам и построение структуры

Стандартная информация, которую вам нужно получить, это FTP-сервер, имя пользователя и пароль; информация для входа в панели управления, конфигурация базы данных, а также установленные языки, фреймворки и CMS.

Определения необходимого программного обеспечения и ресурсов (стоковые фотографии, шрифты, и т.д.)

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

  • Jumpchart: Инструмент для взаимодействия клиента и разработчика
  • Dropbox - инструмент для взаимодействия и обмена файлами
  • Mindmeister: бесплатный онлайн софт для разработки карт сайтов
  • Writing Bulletproof Web Design Contracts — статья на английском.

2. Дизайн

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

Макет и планирование элементов дизайна

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

Макеты на основе анализа требований

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

Цикл рассмотрения и утверждения

Циклы рассмотрения, подгонки и утверждения макетов происходит до тех пор, пока (в идеале) клиент и подрядчик не будут удовлетворены дизайном. Это самое подходящее время для внесения изменений, до того, как дизайн будет внесен в код.

Разделение и кодирование XHTML / CSS

Пришло время для кодирования. Разделите окончательный Photoshop макет, и напишите HTML и CSS код для базовой конструкции. Интерактивные элементы и JQuery добавятся позже: на данный момент нужно просто получить визуальный макет на экране, затем не забудьте проверить весь код, прежде чем двигаться дальше.

Полезные ссылки:

3. Разработка

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

Создание фреймворка.

Это стадия, на которой уникальные требования могут заставить вас отойти от процесса. Если вы используете Ruby on Rails, ASP / PHP фреймы или систему управления контентом, сейчас самое время начать использовать их. Чем раньше вы начнете, тем больше гарантий, что установка и настройка сервера пройдет гладко.

Шаблоны для каждого типа страниц.

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

Разработка и тестирование специфических особенностей и интерактивности.

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

Загрузка контента.

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

Тестирование ссылок и функциональности.

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

Полезные ссылки:

4. Запуск

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

Доработка мелких деталей

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

Передача рабочему серверу

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

Тестирование

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

Заключительная кросс-браузерная проверка (IE, Firefox, Chrome, Safari, Opera, iPhone, iPad, BlackBerry)

Не забудьте напоследок проверить сайт в нескольких браузерах. Даже если код правильный, это вовсе не гарантия того, что он пойдет в IE 6 (Впрочем, многие от IE6 уже отказались).

Полезные ссылки:

5. Работа после запуска

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

Передача заказчику

Убедитесь, что клиент удовлетворен конечным продуктом, что вы выполнили все контактные обязательства. (сверьтесь с положением о проекте). Закрытый проект должен удовлетворять и вас, и заказчика, и способствовать вашему дальнейшему сотрудничеству.

Подготовка документации и исходных файлов

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

Закрытие проекта, финальная документация.

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

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

Документация техзадания

Создайте и поддерживайте две версии вашего техзадания по веб-дизайну
Одну – для вас или вашей команды, чтобы использовать ее как ориентир при работе, другую – для заказчика. Разница между двумя версиями должна быть ясна: ваша версия должна быть более детализирована, должна содержать больше технических ресурсов, помогающих в разработке, а клиентская версия должна быть краткой, не технической картой процесса от начала до завершения.
Инструменты для составления ТЗ не новы: вы можете использовать Microsoft Word, Microsoft Visio и организующий софт, например Freemind. Если вы амбициозный веб-дизайнер, можете даже разработать свой собственный веб-инструмент.

Использование технического задания

К этому моменту, я надеюсь, вы уже поняли, как выглядит техзадание, включая детали по каждой стадии, и уже примерно представляете, как создать свое собственное техзадание веб-дизайна. Это уже неплохой результат, но это всего лишь первый шаг. Не забудьте про следующий шаг: понять, как ТЗ может помочь вашему делу и как его использовать при взаимодействии с заказчиками.

Детализированность техзадания

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

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

Наиболее часто употребляемые документы для фрилансеров:

  • Client questionnaire, опросник для заказчика
  • счета
  • положение о проекте
  • документация для передачи заказчику
  • аккаунты пользователей
  • таблицы базы данных
  • Карта сайта.

Файлы и архивы

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

Техзадание облегчает жизнь заказчику

Для многих заказчиков веб-разработка – настоящая тайна за семью печатями, даже если вы и попытаетесь им что-то объяснить. Для них дело обстоит так: они вам предоставляют свои требования, предложения и контент для сайта, а потом некоторое время спустя сайт появляется или начинает обретать форму. Они совсем не знают ничего о главных этапах проекта, таких как дизайн и разработка. Если у вас есть на руках четко организованный краткий ТЗ, это сможет вам помочь направить мысли заказчика в нужное русло и облегчить ему жизнь, не считая того, что так они смогут наконец понять, на что же уходят их деньги.
Когда у меня появляется новый или потенциальный клиент, то первый шаг для меня всегда – составление плана. Быстрое, но профессиональное обсуждение «вот как это все работает» будет являться опорой для всего проекта. Если вы обсудили детали, заказчик сможет лучше понять, что требуется лично от него, а что вы сможете предоставить на различных стадиях работы, и чем вообще вы занимаетесь все это время. К тому же, чаще всего такая дискуссия поможет вам пресечь в зародыше любое непонимание и ошибки.
Дизайнеры зачастую так глубоко погружены в мир веб-дизайна, что они не могут понять, что большинство людей не имеет ни малейшего понятия о том, чем они занимаются, не понимают терминологию, не знают, какие шаги нужно предпринять для создания конечного продукта. Так что учтите, что может быть сложно объяснить все детали совершенно не разбирающемуся в этом заказчику.

Это бизнес

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

  • Попросите друга, не знакомого с техническими терминами, прочитать ТЗ. Если он поймет, о чем там идет речь, значит, поймет и заказчик.
  • Используйте ТЗ, составленные другими дизайнерами, как пример для написания собственного. Просмотрите полезные ссылки.
  • Используйте в процессе шаблоны и веб-приложения. Это поможет вам сэкономить время и выглядеть профессиональнее.

Риски

Одно и то же ТЗ не применимо ко всем проектам. Несмотря на то, что примерное ТЗ понадобится вам при первом обсуждении с заказчиком, обязательно просмотрите его снова перед тем, как начать обсуждение.

Дополнительные материалы

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


У вас есть, чем поделиться? Оставьте своё мнение или совет в комментариях.

via

Читателям также нравится:

Обратите внимание!

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

Комментарии

  1. 29 Авг
    LastNowember

    Отличная статья! Спасибо =)

  2. 29 Авг
    Naudomain.ru

    Развёрнуто. Спасибо :)

    «Полезные ссылки:
    ….
    Mindmeister: бесплатный онлайн софт для разработки карт сайтов
    ….»
    Ссылка с майндмейстера ведет на дропбокс. Исправьте.

  3. 18 Мар
    Manyahin

    Самый полезный перевод

Оставить комментарий:

Anti-Spam Protection by WP-SpamFree


  • Kevin Durant Shoes
  • Lebron Shoes
  • Lebron James Shoes
  • Nike Lebron James Shoes
  • Derrick Rose Shoes
  • D Rose Shoes
  • KD 7 Shoes
  • Kobe X Shoes
  • Kobe 10 Shoes
  • KD 7
  • Kevin Durant Shoes
  • KD Shoes
  • Nike KD Shoes
  • Kobe 10 Shoes
  • Discount Kobe Shoes
  • Kobe Shoes
  • Kobe Bryant Shoes
  • KD 7 Shoes
  • Kyrie Irving Shoes
  • Lebron 12
  • Lebron James Shoes
  • Lebron Shoes
  • Nike Free
  • Nike Free Run
  • Air Max Shoes
  • Cheap Air Max Shoes
  • Lebron James Jersey
  • Kobe Bryant Jersey
  • Kevin Durant Jersey
  • Air Jordan Shoes
  • Michael Jordan Jersey
  • Blake Griffin Shoes
  • Russell Westbrook Shoes
  • Rose Shoes
  • Kobe Bryant Jerseys
  • Lebron James Jerseys
  • Kobe Bryant Jersey
  • Lebron James Jersey
  • Supra Shoes
  • Kyrie 1 Shoes
  • Nike Free 5.0
  • Nike Free 5
  • kevin durant shoes
  • kd 7
  • kd new shoes
  • KD Shoes
  • Kyrie 1
  • Jeremy Scott shoes
  • Jeremy Scott Adidas
  • Tenis Adidas Springblade
  • Kevin Durant Shoes
  • Kobe Bryant Shoes
  • KD Shoes Store
  • KD Sneakers
  • Lebron Basketball Shoes
  • Adidas Porsche Design
  • kd shoes
  • Cheap Herve Leger Dress
  • Cheap Lebron Shoes
  • Adidas Porsche Design
  • Lebron James Shoes
  • Coach Retail Store
  • nba jerseys
  • louis vuitton handbags
  • Cheap Lebron 11
  • Kobe Bryant Shoes
  • Kevin Durant Shoes
  • louis vuitton belts
  • kobe shoes
  • Lebron James Shoes
  • Kevin Durant Shoes
  • Los Angeles Clippers Jerseys
  • Toronto Raptors Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • KD Shoes
  • Lebron James Shoes
  • KD 7
  • Westbrook Shoes
  • Lebron Shoes
  • Lebron James Shoes
  • Air Max Shoes
  • kobe bryant shoes
  • Derrick Rose Shoes
  • Rose Shoes
  • KD 7
  • Kobe X
  • Kobe 10
  • Lebron Shoes 12
  • kyrie irving shoes
  • Nike KD Shoes
  • Cheap Nike Free
  • Nike Free
  • Lebron 12 Shoes
  • Cheap Air Max
  • Cheap Lebron Jerseys
  • Kobe Bryant Jerseys
  • Kevin Durant Jersey
  • Kobe Shoes
  • Griffin Shoes
  • Michael Jordan Jerseys
  • Kobe Jerseys
  • Lebron Jerseys
  • Kobe Bryant Jerseys
  • Lebron James Jerseys
  • Cheap Supra Shoes
  • Supra Shoes
  • Nike Kyrie 1
  • Nike Free Shoes
  • Nike Free Run
  • KD shoes
  • Kyrie 1 Shoes
  • Kevin Durant Shoes
  • Jeremy Scott Wings
  • Jeremy Scott Shoes
  • Lebron James Shoes
  • Adidas Porsche Design
  • Kobe Shoes
  • Cheap Kevin Durant Shoes
  • Kevin Durant Shoes
  • Lebron 11
  • Porsche Design Adidas
  • Cheap KD Shoes
  • Lerbon James Sneakers
  • Cheap KD Shoes
  • Herve Leger Dress
  • Lebron Shoes
  • Porsche Design Shoes
  • Lebron Shoes
  • Nike Shoes
  • Cheap Coach Bags
  • louis vuitton purses
  • cheap nba jerseys
  • Lebron James Shoes
  • Cheap Kobe Shoes
  • Kobe Shoes
  • KD Shoes
  • KD Shoes
  • Sacramento Kings Jerseys
  • Washington Wizards Jerseys
  • Air Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Lebron James Shoes
  • Lebron 12
  • Lebron 11
  • Kobe Shoes
  • cheap kobe shoes
  • lebron 12 shoes
  • James Shoes
  • Lebron Shoes
  • Rose Shoes
  • Derrick Rose Shoes
  • Kobe 9
  • NIke KD
  • KD VII
  • KD Shoes 2015
  • kyrie shoes
  • Air Max 90
  • Air Max Shoes Sale
  • Nike Free Shoes
  • Nike Free Run 2
  • Lebron 12
  • Lebron Jerseys For Sale
  • Cheap Kobe Jerseys
  • KD Jersey
  • Jordan Jersey
  • Jordan Griffin Shoes
  • Kobe Bryant Jersey
  • Lebron James Jersey
  • Supra Footwear
  • Supra Shoes
  • KD Shoes
  • Kyrie irving Shoes
  • Nike Free Run Shoes
  • nike free run 5.0 women
  • KD Shoes
  • Kyrie Irving Shoes
  • Kevin Durant Shoes
  • KD Shoes
  • Kobe Shoes
  • Kobe Shoes
  • Adidas Wings
  • Kobe Bryant Shoes
  • Porsche Design Adidas
  • Cheap Kobe Shoes
  • KD 6
  • Cheap Westbrook Shoes
  • Kevin Durant Shoes
  • Adidas Porsche Shoes
  • Cheap Lebron James Shoes
  • Kevin Durant Shoes
  • Herve Leger Outlet
  • Lebron James Shoes
  • Adidas Porsche Design Bounce
  • Nike Lebron Shoes
  • Coach Outlet
  • nba jerseys for sale
  • louis vuitton bags
  • Air Jordan 29
  • Nike Lebron Shoes
  • Nike Kobe Shoes
  • Cheap Kobe Shoes
  • Cheap KD Shoes
  • KD 6
  • Utah Jazz Jerseys
  • Philadelphia 76ers Jerseys
  • Air Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Cheap Lebron Shoes
  • Lebron New Shoes
  • James Shoes
  • Cheap Lebron 11
  • Lebron James Shoes
  • KD 7
  • Adidas Rose Shoes
  • Rose 5
  • NIke KD 7
  • irving shoes
  • KD Shoes
  • Kobe 9
  • Air Max 95
  • Air Max 2014
  • Nike Free 3.0
  • Nike Free Run 3
  • lebron shoes for sale
  • kobe 2014
  • Cheap Lebron James Shoes
  • Kobe Jerseys
  • Kevin Durant Jerseys
  • Jordan Jerseys
  • Cheap Griffin Shoes
  • Jordan Westbrook Shoes
  • Kobe Jersey
  • Lebron Jersey
  • Supra Online
  • Supra Shoes
  • Kyrie 1
  • Irving Shoes
  • Kyrie Shoes
  • Nike Kyrie 1
  • KD Shoes 2015
  • Kobe Shoes 2015
  • Kobe Shoes 2015
  • Kevin Durant Shoes
  • Nike KD Shoes
  • Nike Kobe Shoes
  • Nike Kobe Shoes
  • Adidas Jeremy Scott
  • Adidas Jeremy Scott
  • KD Shoes
  • Adidas Springblade Shoes
  • Kevin Durant Shoes
  • nba jerseys 2015
  • Porsche Design Shoes
  • KD 6
  • KD Shoes Sale
  • Lebron James Shoes
  • Lebron James Shoes
  • Cheap KD Basketball Shoes
  • Herve Leger Bandage Dress
  • Adidas Porsche Bounce Shoes
  • Cheap Lebron Shoes
  • Cheap Coach Handbags
  • Louis Vuitton Bags Women
  • louis vuitton outlet
  • Kobe Shoes
  • Cheap Jordan Shoes
  • Lebron Shoes
  • Lebron Shoes Sale
  • Kobe Shoes Sale
  • Kobe Bryant Shoes
  • Lebron James Shoes
  • KD 6 Shoes
  • Boston Celtics Jerseys
  • New Orleans Pelicans Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Lebron James Shoes
  • Lebron 12
  • Cheap Lebron Shoes
  • Lebron Basketball Shoes
  • Cheap Lebron Shoes
  • D Rose Shoes
  • Rose 5.0
  • KD Shoes
  • kyrie irving shoes
  • Nike Air Max Shoes
  • Nike Air Max
  • Nike Free 5.0
  • Nike Free Womens
  • nike lebron 12
  • kobe shoes 2014
  • Cheap Lebron Shoes
  • KD 7 EP
  • KD 2014
  • Kevin Durant Shoes
  • Lebron Jerseys
  • Lebron James Jerseys
  • Kobe Bryant Jersey
  • Kobe Jerseys For Sale
  • Kobe Jerseys Sale
  • KD Jerseys
  • Cheap Jordan Jerseys
  • Hyperdunk Griffin Shoes
  • Westbrook Shoes 2015
  • Nike Kobe Jersey
  • Lebron Jersey For Sale
  • Nike Supra
  • Supra Shoes
  • Kyrie 1
  • nike free run 5.0 women
  • nike free run women
  • Cheap Kyrie 1
  • Cheap Kyrie Shoes
  • Kyrie Shoes 2015
  • Adidas Shoes
  • Lebron Shoes
  • Porsche Design Shoes
  • Kobe 8
  • KD Shoes
  • Cheap Kevin Durant Shoes
  • Lebron Shoes
  • nba jerseys 2014
  • kd Shoes nba
  • Herve Leger Bandage Dress
  • Nike Lebron 11
  • louis vuitton sale
  • Kobe Bryant Shoes
  • Air Jordan Shoes
  • Cheap Lebron James Shoes
  • Kobe Shoes Sale
  • Lebron Shoes
  • Miami Heat Jerseys
  • Los Angeles Lakers Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Westbrook Shoes Sale
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Cheap Lebron Shoes
  • Lebron James Shoes
  • Lebron James Shoes Sale
  • Lebron James Jerseys
  • Cheap Rose Shoes
  • Rose 5 Shoes
  • Nike Free 6.0
  • Nike Free Sale
  • Kyrie Shoes Sale
  • KD Shoes
  • Air Max 2014
  • Air Max 90
  • cheap lebron shoes
  • lebron shoes
  • Lebron James Jersey
  • Lebron Shoes
  • Cheap KD Jerseys
  • Kevin Durant Jersey For Sale
  • Kobe Shoes
  • Jordan Jersey sale
  • Jordan Blake Griffin Shoes
  • Russell Westbrook Shoes Sale
  • official supra shoes
  • Porsche Design Shoes
  • Cheap Jeremy Scott Wings
  • Kobe Shoes sale
  • Lebron Shoes
  • Herve Leger Sale
  • nba jerseys sale
  • Coach Wallets
  • cheap louis vuitton handbags
  • Air Jordan
  • Nike Lebron Shoes Sale
  • Kobe 9
  • Kyrie 1
  • Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving Shoes
  • Irving Shoes
  • nike free run 5.0 men
  • nike free shoes on sale
  • Supra Shoes
  • LV Handbags Men
  • Kevin Durant Shoes
  • KD VI
  • Adidas Shoes
  • San Antonio Spurs Jerseys
  • Chicago Bulls Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Kevin Durant Shoes
  • Lebron Shoes Sale
  • Lebron Shoes 2015
  • Lebron 12
  • Lebron James Shoes
  • Rose New Shoes
  • Rose Shoes 2015
  • Lebron Shoes 2015
  • Lebron 12
  • Lebron Jerseys sale
  • Nike kyrie shoes
  • Adidas Derrick Rose
  • Adidas Store
  • Adidas Shoes
  • Adidas Derrick Rose
  • lebron james shoes
  • Nike Kyrie Shoes
  • Kyrie irving Shoes For Sale
  • Lebron James Jersey
  • Kobe Bryant Jerseys
  • Kobe Jerseys For Sale
  • Kobe Jerseys Sale
  • Supra Shoes
  • Russell Westbrook Shoes
  • Kobe Jersey Sale
  • Cleveland Cavaliers Lebron Jersey
  • OKC Jersey
  • Nike Lebron Shoes
  • Lebron James Basketball Shoes
  • Kevin Durant Shoes
  • Herve Leger Bandage
  • Griffin Shoes Sale
  • nba jerseys store
  • Lebron Shoes 2014
  • cheap louis vuitton bags
  • Cheap Kobe Jersey
  • Lebron Jersey 23
  • Jordan Shoes
  • official nba jerseys
  • NBA Stars Basketball Shoes
  • KD Shoes
  • Air Max Shoes 90
  • Air Max 95
  • KD 2014 Shoes
  • KD For Sale
  • Nike Shoes
  • Nike Free
  • Kyrie 1
  • Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving Shoes
  • Irving Shoes
  • Phoenix Suns Jerseys
  • Customized NBA Jerseys
  • Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Bulls Jordan Jersey
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1