Главное Свежее Вакансии Образование
Выбор редакции:
4 567 30 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Заметка "How to" редизайн и не зафейлиться

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

Всем привет! У меня для вас новая и немного хвастливая заметочка о нас любимых.

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

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

Было так:

b_5570691b072a9.jpg

Говорят, классика не стареет - спорно.

Лого

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

Примерно половина того, что было нарисовано за это время в разных стилях:

b_556f39f8a2474.jpg

Лично мне очень нравится то, что получилось. Пишите ваше мнение в комментах.

Сайт

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

b_557060e4d08f8.jpg

Для этого мы сделали простую главную страницу, в которую уместили все самое важное(УТП, крутейшие работы, руководство, и немного о наших клиентах).

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

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

b_556f3a1cc1a4e.jpg

Переоценили ценности и, в результате тщательной переоценки, пересмотрели страницу с нашими компетенциями, которые претерпели значительные трансформации за время существования старого сайта(йоу!).

b_556f3a3992ab4.jpg

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

Кстати все адаптивное и выглядит сочно на любом экране.

Мы настаиваем, что главное в создании сайта -- постоянно думать о своих клиентах/пользователях, а не о собственных фантазиях и хотелках.

С удовольствием послушаем ваш фидбек и ответим на вопросы!

+12
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Елена Воробей
дизайн в стиле мафии)
Ответить
АгитTex
Интернет-артель
Роман Коган
Только никому не рассказывайте.
Ответить
GML
Сервис организации ваших интернет линков
GM2mars 10790
Ага, чего только стоят кровавые пельмени...
Ответить
АгитTex
Интернет-артель
Роман Коган
ето борщ. с пампушками. именно так борщ и выглядит.
а подается с зубровкой, но в зубровке обязательно должна быть травинка, иначе не канон.
ну и на десерт, разумеется, можно отведать первоклассный комплексный интернет сервис. они в этом году получились особенно удачно. наливные такие, ароматные. в соусе из биг-даты и коммерческой привлекательности.
Ответить
Симулятор бизнес-процессов
Сервис имитационного моделирования и оптимизации бизнес-процессов
Prolis Labkk
Ваша ключевая компетенция (комлексные сервисы) не отражена в портфолио (сайт и игра).
Ответить
Krasa
Маркетплейс и SaaS сервис для салонов красоты
Цыплухин Иван
у нас нет игр в принципе. Вы видимо что-то перепутали.
Ответить
Симулятор бизнес-процессов
Сервис имитационного моделирования и оптимизации бизнес-процессов
Prolis Labkk
Чей туфля?
Ответить
Krasa
Маркетплейс и SaaS сервис для салонов красоты
Цыплухин Иван
Это далеко не игра и это один из самых старых наших проектов.
Как и написано в статье, мы значительно переосмыслили наш подход и то что мы делаем. Поэтому речь разумеется про наши последние проекты.
Ответить
АгитTex
Интернет-артель
Роман Коган
не совсем. то, которое сайт, оно не сайт. оно именно что комплексный сервис.
там, если внимательно посмотреть, рядом есть приложение от того же проекта на обе платформы. поюс довольно сильный сервер и интересный дизайн с парой экспериментов в UI.
плюс оно кликабельно. если зайти, ьам очень симпатичный раздел с сутью и историей проекта.
Ответить
Симулятор бизнес-процессов
Сервис имитационного моделирования и оптимизации бизнес-процессов
Prolis Labkk
Вот такой красивый кейс, возможно, и надо было рассказать в портфолио, а сейчас там пользователь видит только несерьезные дейтинг и водкобол.
Ответить
Krasa
Маркетплейс и SaaS сервис для салонов красоты
Цыплухин Иван
Если вы посмотрите, то там, как раз, все очень красочно описано.
В частности более чем серьезный дейтинг(от фирменного стиля с лендингом до сайта и мобильных приложений под обе платформы) — http://beet-lab.com/portfolio-favlove3.html
И еще более серьезные по своей сути мобильные клиенты для живого облачного хранилища — http://beet-lab.com/orbios.html
Ответить
Логомашина
Логотипы из Петербурга для всего мира
Роман Горбачёв
Почему свекла?
Ответить
Krasa
Маркетплейс и SaaS сервис для салонов красоты
Цыплухин Иван
Это другая история. Название мы придумали уже более трех лет назад, соотвественно от свеклы в лого отходить просто не могли.
Ответить
GML
Сервис организации ваших интернет линков
GM2mars 10790
До этого момента я думал что это редис.
Ответить
Логомашина
Логотипы из Петербурга для всего мира
Роман Горбачёв
Тогда разумный вопрос — в чем смысл названия?
Ответить
Jenny Mikheleva
"До этого момента я думал что это редис."
Вот и мне так казалось ))
Ответить
LanguageBoost
Онлайн сервис для изучающих иностранный язык
Tihiro 17917
Если честно, логотип не понравился. Красная свекла с красной ботвой — бррр. Не говоря уже о постоянных намеках на еду (при чем тут вообще еда?).

Логотип и непостоянен к тому же — вверху лежащая свекла, внизу стоящая в виде маркера. Понятно, что это относится к адресу, и все же как-то раздражает. А, между прочим favicon с зеленой-то ботвой!

Но больше всего мне не понравился раздел "О нас". Скажите пожалуйста, сео и сто удостоились быть представленными лично на сайте, а вся остальная команда (которых всего-то 9 человек) — нет. Посмотрите, вот эти ребята https://vaadin.com/company разместили всю команду на странице.

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

А так, картинки красивые :)
Ответить
Krasa
Маркетплейс и SaaS сервис для салонов красоты
Цыплухин Иван
Спасибо за развернутый комментарий, очень полезно.
— Но ну как же так? Свеколка, вкусные приложения, слоган наш: let's cook some apps. Все ведет к еде.
— Ребята молодцы, думаю сделаем что-то подобное на отдельной странице "о нас", но на главной оно точно не нужно.
— На самом деле раздел "Почему Вы?" для этого и сделан. Кому интересно читать очередное бахвальство компании на ее же сайте. Вместо этого мы решили донести мысль о том с кем мы готовы работать.
Ответить
Andy Cooper
А меня раздел "Почему Вы" очень привлек. Как будто сайт специально для меня писали :)
Ответить
АгитTex
Интернет-артель
Роман Коган
Спасибо, именно так оно и есть.
Ответить
Антон Мишин
Самомненцы вы, Иван и Никита.
Вы то нужны на главной сайта (все ведь вас любят; вы сможете покорить всех своей улыбкой и непонятным текстом под вашим фото).
Остальная команда для компании — левые люди. Не находите, что им может быть немного обидно, что вы так их цените?

И сайт, извините, но это фэйл.
"Мы решаем ваши задачи". Какие задачи? Из сборника упражнений алгебре?
Чем занимается компания? Почему нужно работать с вами — это непонятно.
С сайта запомнились только пельмешки (они же борщ).
Ответить
АгитTex
Интернет-артель
Роман Коган
Про самомненцев пусть сами самомненцы и отвечают, я могу сказать только, что в том, чтобы светиться на главной никакой ВИПовости не вижу. Это исключительно утилитарная функция, там должны быть те, кто общается с клиентами и несет материальную ответственность перед заказчиком. Дизайнер, например, лицо не ответственное, соответственно, ему и незачем лично общаться с заказчиком.

Насчет непонятности главной: мы, как говорится, не пирожки печем. Сайт рассчитан на целевого юзера, а не случайного гостя. Мы не ожидаем, что будут звонить клиенты, просмотревшие одну страницу. Они даже не очень интересны, поскольку им нужно объяснять все то, что они могут прочесть и сами. скажу больше, средняя глубина просмотра у сайта — 3,4 страницы. То есть люди понимают, чем именно мы занимаемся и чем отличаемся от остальных. Вы же не читаете только первую и седьмую страницу презентации, когда хотите с чем-либо ознакомиться. Так же и тут: не следует рассматривать отдельную страницу сайта как самодостаточную велиину, они хороши только в комплекте.

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

"Дизайнер, например, лицо не ответственное, соответственно, ему и незачем лично общаться с заказчиком."
Вместо "О нас" можно использовать "Кто за все отвечает", тогда остальных членов команды можно упомянуть как безымянных дизайнеров, верстальщиков и т.п.
"А, также, щедро делиться бесценным опытом!"
http://beet-lab.com/competence.html запятые не нужны
Ответить
АгитTex
Интернет-артель
Роман Коган
К нам на сайт заходят, в основном, люди, уверенные, что мобильное приложение им нужно. пока от сайта не ожидается, что он будет продавать не только нас, но и саму концепцию. Это же, как меня заверили, не сео.
совершенно не обязательно наш целевой юзер о нас знает. но он нас нашел, он видит наши кейсы, прозрачность, ответственных за результат, компетенции и прочие плюшки. И тогда уже решает, подходит ему наш ценник и качество нашего продукта или нет. Ну, план был такой, по крайней мере. И, вроде, работает довольно эффективно. после релиза, количество нерелевантных заявок снизилось, а глубина просмотра сайта поднялась до очень приятных трех с половиной страниц. Конечно, рановато снимать эффективность сайта, как интрумента, тем более, что из каналов привлечения на сам сайт пока только контекст на ядексе, рекламный блок на спарке, контактик и фонтаны из визиток. Но выглядит все весьма перспективно и лично я сайтом правда доволен.
Хотелось бы, конечно, сделать его еще лучше и, кстати, спасибо за багрепорт с запятыми, фикс уже готовится на всю пунктуацию сайта. А блок "о нас", пожалуй, и правда следует переделать.
Ответить
Антон Мишин
Ну то есть на сайте компании не надо писать, чем занимается компания?
В презентации как раз первые 4 слайда решающие. 95% процентов успеха зависят от них. Они отвечают на вопросы (кто мы? что делаем? как делаем? почему лучше с нами?). Эту же функцию должна выполнять главная страница. У вас это вообще так задумано.
Но слоган на главной — плохой. Он никуда и ниочем. "Мы решаем задачи". Но их все решают. Фрилансер их тоже решит — только в худшем качестве.
То есть нет сейчас внятного ответа на вопрос "почему вы?". почему не кто-то другой, а именно вы.
Потому что вы решаете задачи? Потому что у Ивана Цыплухина есть кнут и пряник? Потому что вы делали сервис знакомств? Потому что у вас беда с грамматикой (проверьте раздел "Почему Вы" там запятых не хватает).

ПЫ,СЫ. И я пишу вовсе не из-за того, что хочу показать, что ваш сайт — га.но. Он неплох. Мне нравится цветовая гамма, но это уже вкусовщина.
Но мы же здесь все для того, чтобы получить какой-то фидбек. Разве нет?
Ответить
АгитTex
Интернет-артель
Роман Коган
ооо. запятые это печальбеда. на днях пофиксим.
а насчет непонятности, можно, например, добавить в раздел о нас инфу о студии. с основными компетенциями, классической инфой о конторе и понтами.
Как думаете?
Ответить
Антон Мишин
Уверен, что хуже не будет.
И это логично — давать посетителям как можно больше информации о компании, чтобы вызывать больше доверия, показать свои возможности, потенциал. И раздел "О нас" будет по этой логике не лишним.
Ответить
Denis Korotkov
Немного странно позиционировать себя как затраты для клиента в разделе ценообразования. Клиент будет стремиться максимально снизить затраты. И ему без разницы сколько и на что вы тратите, он инвестирует в ваши услуги, чтобы получить прибыль. Нужно показывать ему его выгоды и объяснять, как ваша работа поможет ему заработать.
Ответить
АгитTex
Интернет-артель
Роман Коган
этот раздел готовится. в отрасли разработки это не так просто, потому что все кейсы значительно различаются. некоторые проекты в принципе не нацелены на коммерческую привлекательность, а некоторые требуют пару лет на то, чтобы раскачаться. а, с другой стороны, есть исключительно коммерческие проекты, но их тоже не так легко рассчитать.
Такие расчеты будут, но несколько позже. Мы сейчас ориентируемся, что сайт будет привлекать клиентов, которые уже все обдумали и хотят разработать приложение. им, в основном, интересен профессионализм подрядчика, удобство связи с ним, сроки и прозрачность цен.
Ответить
Sergey Logvinov
В чем состоит ваше УТП и в чем его У , в цене от 400000? Кто конечный потребитель — инвестор, издатель, крупный разработчик ищущий субподрядчиков?
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.