Звоните
Пишите
Общайтесь

Статьи

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

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

Будучи любознательным бизнесменом и подразумевая работу с любым бюджетом, вы уточняете, что подразумевает клиент под небольшой суммой денег. В ответ слышите сумму $1500, решаете, что это пустая трата времени, и уходите. Именно так поступает большинство студий. Джон Саваж и его напарник Симон, специалисты из студии Studio Ace of Spade, говорят о том, что довольно часто попадаются такие проекты, от которых им приходилось отказываться из-за малого бюджета. При этом не потому, что им был не интересен сам проект, а только потому, что они боялись не уложиться в предложенную сумму. Однако сегодня направление разработки и продвижения молодных сайтов с небольшим бюджетом тоже востребовано. Таковые необходимы компаниям, которые только-только запустили свой бизнес, для маленьких фирм, которые аналогично любой организации нуждаются сайте. И задача современных студий веб-дизайна — удовлетворить данную потребность.

Элементарная математика позволяет удостовериться, что на самом деле небольшие, малобюджетные проекты тоже приносят прибыль. Просто представьте, сколько вы теряете, если отказываетесь от 10-15 “средних” заказов в год. При их стоимости в $1500 вы упустите порядка $15,000-22,500 буквально за 12 месяцев!

«Наша компания тоже когда-то была начинающей» — говорит Джон Саваж. — «Конечно, как и многие другие, мы были уверены, что крупные, прибыльные проекты просто растут на деревьях — остается лишь протянуть руку и взять… Мы изо всех искали такие проекты. Со временем стало понятно, что нужно пересмотреть наш подход к бизнесу, его развитие и сам процесс разработки проектов. Мы должны были найти возможность заработать».

Все дело в процессе

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

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

Для начала рассмотрим различные методы сокращения времени, затрачиваемого на разработку сайтов.

Запишите все до мельчайших нюансов

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

«Руководство для реализации малобюджетных проектов позволяет учесть все нюансы нашей работы. Мы защищены от того, что забудем какую-то мелочь, сделаем ошибку и потратим много времени на разработку». — рассказывают основатели Studio Ace of Spade.

Отображение рабочих процессов убережет вас от суеты

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

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

Создайте систему

Вы можете сформировать собственную систему или несколько таковых для работы с разными типами сайтов. Если вы хотите быстро реализовать проект, используйте, например, Carrington JAM — основу для тем WordPress с большими возможностями настройки и создания уникальных страниц.

Если вы не используете WordPress, вы можете применить в разработке сайтов HTML5 Boilerplate. Подобное решение подходит для создания страниц с темами на Drupal, Joomla и ExpressionEngine. Применение системы управления контентом позволит получить готовый шаблон-основу. С этой целью можно использовать и Django, если вы знакомы с Python.

Используйте готовые темы

Нет ничего постыдного в том, чтобы использовать готовую тему для разработки сайта. Использование шаблона сокращает время выполнения заказа. Вместо 30-ти часов кодинга интернет-страницы вы потратите 15 часов для настройки шаблона под требования клиента и наполнения сайта информацией. Согласитесь, $100 за час — это гораздо лучше, чем $50/час.

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

Используйте модульный принцип

Что такое модульный принцип? Обратите внимание, что определенные части разных сайтов довольно схожи. Такие модули довольно легко использовать в WordPress.

С опытом работы даже с другими системами вы можете создавать собственные модули, написанные вами же. Это могут быть галереи изображений, системы сообщений и т.д. Подумайте, ведь принцип таких функций идентичен, и вы можете использовать свои наработки для их настройки для новых сайтов. То есть вместо того, чтобы писать кусок кода заново, вы берете готовый модуль, например, написанный на PHP, немного его видоизменяете, изменяете стили в таблице CSS. Все это можно проделать за 20 минут!

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

Ознакомьтесь с LESS

LESS, проще говоря, — надстройка для CSS, которая позволяет использовать таблицу как язык программирования. Можно, конечно, поспорить, может ли таблица стилей стать таковым. Но фактически Less помогает сократить время работы над сайтом на 10%. Кроме того, применение или Mixins, в LESS позволяет избежать повторного и лишнего набора кода. По сути, это запись повторяемых действий, которую можно применить к любому куску кода. Например:

.rounded-corners (@radius: 5px) {

border-radius: @radius;

-webkit-border-radius: @radius;

-moz-border-radius: @radius;

}

#header {

.rounded-corners;

}

#footer {

.rounded-corners(10px);

}

Предварительная работа экономит время и деньги

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

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

— Покажите клиенту сайты с подобным бюджетом

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

— Предоставьте клиенту высказать приоритеты

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

— Поставьте клиента в известность о том, чего вы не можете сделать

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

— Подпишите договор, оговорив границы его действия

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

— Утвердите компенсацию за нарушенные сроки согласования

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

— Научитесь более эффективно работать с платежами

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

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

Итак, пример, представленный студией Studio Ace of Spade: заказчик — Menno Tea

Menno Tea — небольшая чайная компания, расположенная в Индиане. Основатели этой фирмы обратились в студию Studio Ace of Spade с желанием изменить этикетку бутылки. Компания находилась в стадии расширения рынка сбыта, поэтому приступили к развитию бренда. В процессе работы с Menno Tea студия разработала бутылку, передающая ощущения от употребления выпускаемого компанией чая. В то же время такую посуду могли бы использовать и более известные и солидные бренды и других сфер деятельности.

Как только бутылка была разработана, а этикетки были запущены в печать, стало очевидно, что редизайн бренда должен быть отображен и на сайте компании. Вся работа в этом направлении заключалась в небольшой настройке выбранной темы, так как при создании сайта Menno Tea использовались стандартные установки WordPress.

Этап планирования

Изначально владельцы компании Menno Tea попросили специалистов из студии Studio Ace of Spade высказать свои рекомендации относительно изменений на сайте. При этом они оговорили, что бюджет будет небольшим. Но компании требовалось модифицировать ресурс в соответствии с обновлением бренда, а также добавить основную информацию для посетителей сайта.

Шаг 1: Подготовка предложения

Предложение студии заключалось в создании пятистраничного сайта, адаптированного под новые требования бренда. После переговоров стороны сошлись на цене в $2000. Согласно расчетам, чтобы получить оплату $100 в час, нужно было уложиться в 20 часов. Впрочем, студия пошла навстречу компании, которая была частым клиентом, и планировала выделить как минимум 30 часов работы над проектом.

Шаг 2: Подписание договора и первоначальный платеж

Придя к единому мнению насчет цены, представители Studio Ace of Spade подписали контракт с Menno Tea. Оставалось получить аванс, чтобы начать работу над сайтом.

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

Согласно подсчетам студии, на планирование и предварительную работу по согласованию было затрачено три часа.

Этап разработки

Шаг 3: Создание макетов

Через три часа работы над дизайном для Menno Tea студия разработала две совершенно разных концепции.

Первая предполагала горизонтальную навигацию.

Вторая — вертикальную навигацию, в которой подчеркивались ключевые моменты.

Во время раздумий клиента, которому требовалось просмотреть и оценить обе концепции, студия занялась планированием других проектов, чтобы не терять драгоценные часы. Занятость разными проектами позволяет более эффективно управлять временем. При этом работники студии Studio Ace of Spade осознали, что наличие в работе нескольких проектов существенно повышает качество исполнения таковых: переключаясь с одного на другой, веб-мастера черпают вдохновение.

Шаг 4: Обратная связь

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

• Не слишком ли темный фон выбрала студия для сайта?

• Для чего используются те или иные элементы, например кнопки?

• Будут ли располагаться биографии создателей компании возле заголовка страницы? Или это всего лишь пример того, как будет выглядеть здесь текст?

• Как будет лучше расположить кнопки Facebook, Twitter and RSS — вверху или внизу страницы?

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

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

В сумме на этап разработки дизайна сайта было затрачено 5 часов.

Итак, разработка

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

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

Шаг 5: Настройка

Для тестирования разработчики использовали свои локальные сервера. Для создания сайта Menno Tea разработчики взяли стандартный шаблон WordPress, который включал Carrington JAM, интегрированный с HTML5 Boilerplate. Чтобы проверить ресурс достаточно быстро и легко, было загружено несколько тестовых пакетов. В дополнение студия использовала некоторые плагины, которые упрощают выполнение ряда задач. Среди таковых оказалась и страница «Контакты». Затем была создана карта сайта.

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

Шаг 6: Создание всего сайта

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

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

На написание кода всего сайта было потрачено шесть часов, еще четыре — на подготовку блога.

Шаг 7: Обратная связь

Работа студии понравилась. Замечания были несущественными и, по сути, «косметическими». В результате доработки не заняли много времени. Совокупное время, потраченное на этап разработки, — 13 часов.

Запуск и тестирование сайта

Шаг 8: Определение совместимости с браузерами и мобильными устройствами

Обязательный шаг после создания любого сайта — проверка совместимости с браузерами. Сегодня также актуально знать, как будет отображаться ресурс и при просмотре с мобильного устройства. Конечно, при выполнении малобюджетных проектов этому вопросу уделяется не так много внимания, но студия Studio Ace of Spade стремится и в этом случае выполнить работу максимально качественно. В результате проверки было обнаружено, что немного искажается верхний баннер, особенно при просмотре в браузере планшетов. Чтобы убрать недоработку, разработчики поставили изображение в качестве фона.

Шаг 9: Запуск сайта

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

У студии Studio Ace of Spade все тестирование заняло час. За это время было проанализировано отображение дизайна в разных браузерах и т.п. Теперь сайт готов к полноценному запуску.

Шаг 10: Подготовьте документацию

Любая документация имеет особое значение. В частности речь идет об обучении заказчиков пользоваться системой управления сайта. Сколько бы вы ни объясняли сотрудникам компании клиента, как работать с CMS, неизбежно возникают вопросы, отвечать на которые придется вам. Поэтому оптимальным решением является предоставление инструкции с четкими ответами на всевозможные вопросы. Конечно, полного руководства к каждой CMS никто еще не выпустил — это задача каждого разработчика или студии, которые хотят жить спокойно. Отнеситесь ответственно к данному этапу, чтобы не отвечать по 100 раз на вопросы об элементарном размещении контента на сайте.

Шаг 11: проведите обучение

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

Итак, на запуск и тестирование сайта студией Studio Ace of Spade было потрачено пять часов.

Подведение итогов

Итак, сайт готов, документы и проект уходят в архив — нормальный процесс для любой студии. В результате было потрачено 26 часов из 30 запланированных. Так, студия Studio Ace of Spade работала с оплатой труда $77/час — согласитесь, не так плохо для малобюджетного проекта.

Какие же выводы можно сделать из работы над приведенным примером?

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

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

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

Любите свою работу, и тогда даже малобюджетные проекты будут приносить только удовольствие!

Заключение

Конечно, каждый находит собственные методы извлекать выгоду из любых заказов. Любой проект, клиента, да и ситуация различны — невозможно просчитать все до мелочей. Используйте свой опыт, развивайтесь, практикуйтесь, делайте выводы из собственных работ, и вы сможете создать такую же базу, о которой говорят создатели студии Studio Ace of Spade. Даже если вы фрилансер, найдите собственный путь развития.

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

Стоит отметить, что процесс разработки дизайна изначально не может быть четко структурированным и отлаженным на 100%, что и вызывает массу проблем. В целом данный процесс подразумевает творчество, и дизайнеры — люди, как правило, творческие, не терпящие стандартов и жестких рамок. В каждый проект вкладывается душа создателя и любовь к самому делу. И невозможно в один сайт вложить душу на большую сумму денег, а в другой — меньше, так как он малобюджетный. Именно поэтому небольшие ресурсы вызывают трудности у дизайнеров и разработчиков. Именно поэтому нужно найти способы их реализации с минимальными затратами!

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

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

По материалам сайта smashingmagazine.

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