Корпоративный сайт для часовой компании «Восток-Тайм»

Сайт компании «Восток-Тайм» на момент создания был великолепным. В нем был слайдер. В 2011 году такого никто не делал, и это выглядело потрясающе. На сайте все было расположено на своем месте – номера телефонов, логотип. Имелся каталог часов, с фильтрацией, отдельно отмеченные новинки. Была проведена фотосессия, картинки получились превосходного качества.

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

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

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

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

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

Изначально сайт был сделан на самописной CMS (системе управления сайтом). Переносить сайт с самописной CMS – всегда сложная задача. Это работа с базой данных, правильная выкачка данных, структурирование, интеграция. Если клиент в будущем захочет, чтобы появилась кнопка «Купить» и шла конкретно продажа, то это можно сделать непосредственно здесь, и не придется переделывать весь сайт и что-то модифицировать.

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

Но клиент пошел дальше, и подача изменилась кардинальным образом. Рассмотрим это на примере проектов «Toyota Land Cruser Time» и «Vesta». Под презентацией часов продемонстрирован весь модельный ряд, различные цветовые решения, варианты ремешков, упаковка. Сейчас сайт «живой», присутствует анимация, добавляющая определенные элементы. Тем самым улучшается восприятие продукции. Скоро такая подача станет классикой.

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

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

Сайт за 170 тысяч рублей. Беседы в пути

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

Получается, из сайта стоимостью 170 тысяч компания может заработать 10-15 тысяч рублей, притом что она действительно качественно делает сайты. Бывают случаи, когда компания берет 170-500 тысяч за разработку сайта, а выдает некачественный продукт. Его все же согласовывают, но через какое-то время приходится все переделывать. Снять хороший видеоролик может стоить 500 тысяч, потому что в процессе также задействовано множество людей. Можно снять и за 50, и даже за 5 тысяч – на телефон.

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

Игла разработчика. Выбор CMS. Беседы в пути

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

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

Например, недавно нам нужно было установить сертификат безопасности SSL на сайт. Его установили, но он не работал. Мы его поправили, бесплатно, но вскоре выяснилось, что разработчик сайта прописал какие-то ссылки как постоянные, и они не менялись. Было необходимо обновить эти ссылки, чтобы, когда вставляешь сертификат, адресная строка менялась и прошлые ссылки были бы недействительны. Мы все это поправили, и все заработало.

Игла разработчика – собственная CMS-система. Впоследствии ее очень сложно обслуживать. Это способ удержать клиента, чтобы клиент нес деньги только вам. Это монополия. Мы так поступать не будем. Мы так можем сделать, если это будет прописано в техническом задании и сервис будет полностью уникальным. Выбор написания всей системы с нуля будет опираться на необходимость высоконагруженной системы, которая должна быстро и эффективно работать, в которой не должно быть ничего стороннего. Например, Facebook. У него нет CMS Joomla, WordPress или подобной. Он имеет Framework, набор библиотек, обрабатывающих все ваши действия: добавляете ли картинку, видео и т.д. Это абсолютно точно вечная игла разработчика.

Разработчик и продвиженец – как члены семьи. К разработчику нужно привыкнуть. Работа длится четыре месяца, и вместе вам придется решать множество задач. Здесь речь идет о степени доверия. Если при выборе разработчика уже на начальном этапе возникают сложности во взаимопонимании, лучше не продолжать работу.

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

Модернизация старого сайта. Беседы в пути

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

Но порой задача стоит иная. Например, сайт выглядит как интернет-магазин, но компания хочет привлекать дилеров по всей России. Интернет-магазин нацелен на сектор b2c, на клиента, а необходимо привлечь бизнес, который будет продавать товар – для подобных целей нужен совсем другой сайт и иная подача информации. В данном случае не получится ограничиться редизайном или написанием страницы «сотрудничество с дилерами» – надо полностью все переработать.

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

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

Риски разработки. Поэтапный запуск сайта. Беседы в пути

Под каждую задачу – свой сайт. Оценить стоимость создания можно только тогда, когда ты понимаешь задачу. Например, клиент просит сделать сайт-визитку, но впоследствии выясняется, что есть небольшой каталог, а в каталоге двенадцать брендов, и в каждом из них разное количество товаров. Клиент ожидает услышать, что изготовление его сайта будет стоить 30 тысяч, а выясняется, что он будет стоить 170, 270 или 700 тысяч.

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

Возможен риск, если компания не имеет опыта в решении подобных задач. Очень специфический функционал, и он изначально отсутствует. Здесь не имеет значение – WordPress, Joomla, Drupal или «Битрикс». Клиент хочет добавить фильтр двойного уровня (фильтрация клиентов, партнеров, сотрудников) с возможностью самому добавлять поля для фильтра, и все это должно быть адаптивно.

Я оцениваю каждый проект. Зачастую мы выполняем работу, которую раньше не делали, но не больше 30% от проекта. Это означает, что на 70% я уверен, что мы это сделаем. Я также знаю, что мы это сделаем быстрее, чем делали в прошлый раз. Это «новое» заключает в себе рост компании, образование сотрудников, освоение новых технологий.

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

Каждый проект можно запускать по частям. Если я пропишу в договоре: «Дизайн – два месяца; разработка – два месяца, тестирование – два месяца», – то в целом это будет составлять шесть месяцев, и этот договор никто не подпишет. Если мы напишем: «Дизайн – месяц, верстка и интегрирование – полтора месяца, тестирование – две недели», – в итоге получится 4 месяца. Но с точки зрения разработки это всего лишь два с половиной месяца.

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

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

Внедрение CRM в отдел продаж. Беседы в пути

Все субъективно. Под каждый бизнес – своя система. Клиент заходит на сайт, заполняет форму. Все это переводится в CRM, и CRM сразу же звонит на телефон. На данный момент это делает множество CRM – «Битрикс24», amoCRM, «Мегаплан» и т.д. Они совершили большой скачок.

Процесс интеграции в нашей компании начинается с меня. Если лично мне какой-то продукт неудобен, я не могу предлагать его использовать своим сотрудникам. amoCRM ни три года назад, ни сейчас нам не подходит. Как управленцу по продажам «Битрикс24» мне дает больше информации, нежели amoCRM. Поначалу мы не могли вести сделки в «Битрикс24». Но сейчас «Битрикс24» мне понятен. Я могу объяснить его каждому.

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