Как стать автором
Обновить

Комментарии 41

НЛО прилетело и опубликовало эту надпись здесь
Деревяшка это огромный баннер, который анонсирует разные события в компании. То есть он будет меняться часто, включая текстуру.
В данном случае приложение приложение для заказа суш, готовящихся на деревяшках :) Хотя тут вопрос, конечно, к дизайнерам.
Деревяшка символизирует подставку под суши, как я понял.
я буду обновлять комментарии перед отправкой. я буду обновлять комментарии перед отправкой. я буду обновлять комментар…
Последнее время я очень часто вижу на хабре подобный коммент. Последнее время я очень часто вижу на хабре подобный коммент. Последнее время я очень часто вижу на хабре подобный коммент.
1024x768 не поддерживается, что обидно. Менюшки сделаны не особо грамотно — достаточно провести по пунктам быстро несколько раз подряд и увидеть это. Блоки как-то сливаются с фоном (может границы или тени поставить?) Ну а в целом довольно симпатично :-)
Оу, пардон. Я оказывается старую версию смотрел :-)
спасибо, это одни из немногих проблем, которые мы старались исправить :)
Телефон в шапке еле нашел…
Никаких заумных фраз и маркетинговых лозунгов в меню. Например, «Вакансии», а не «Ищем сотрудников».

И тут же какой-то «Пресс-рум».
Думаете лучше «Для прессы»?
Да.
вполне разумно, спасибо!
А еще лучше «Пресс-центр»
Ваши новости часто печатают в СМИ? Зачем этот раздел?

На главной вы рекламируете себя — «мы», «наши», «компания профессионалов»… Меня как клиента интересует как вы решите МОИ проблемы и какие рекомендации у вас есть. Я бы сделал тект типа «Решение ваших задач, рекомендации наших клиентов: Яндекса, Гугляндекса и Бингяндикса». Как-то так.
Спасибо за комментарий, он имеет смысл.

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

Примерный план:
— повторное качественное юзабилити тестирование нового сайта, на тех же задачах что и старого.
— анализ карты кликов, карты путей по сайту, показателя отказов, времени на сайте, глубины просмотра. У нас есть два года Google Analytics статистики по старому сайту, есть что сравнивать.
— поисковые запросы. Очень жаль что поиска раньше не было :( Но теперь мы сможем узнать, что разных пользователей интересует на сайте, по статистике запросов.
Если стоит задача получить количественную оценку, то нужно мерить. Если нет, то экспертного заключения достаточно
Новый дизайн намного лучше текущего. Всё сделано по последней моде: большая красочная шапка с ротатором, крупные заголовки, страница разбита на тематические блоки,…

Несколько комментариев:
— В меню первая ссылка «Портфолио» белого цвета (все остальные серые). Ховерное состояние?
— Мне кажется ссылка на английскую версию в правом верхнем углу слишком сильно бросается в глаза. Особенно по сравенению с темным «ru». На странице почти все ссылки синего цвета. Может стоит сделать «ru» белым, а «en» синим? Возможно тогда и подчеркивать её не нужно. Уже по цвету будет понятно что это ссылка.
— Я так понимаю картинка лупы в поле поиска это кнопка «Найти». Если так может сделать её больше похожей на кнопку? Сейчас не очень понятно это кнопка или просто иконка, обозначающее поле поиска.
— Текст на деревянном фоне «Заказ еды ...» можно подвинуть левее, выровнять по лейвой границе основного текста.
— Мне кажется пунктирную линию между заголовком «Заказ еды ...» и описанием можно убрать. Чуть ниже есть похожий блок «Разработка программного обеспечения ...» и там нет бордера между заголовком и описанием. Да и все остальные линии под заголовками сплошные, а не пунктирные.
— Основной шрифт на странице «Myriad Pro». Возможно я ошибаюсь, но очень похож. Чтобы использовать такой шрифт на сайте нужно как-то внедрить его на страницу. Может быть это и не проблема, но такой нюанс есть. Есть другой момент. Если в браузере не выставлено сглаживание шрифтов Myriad Pro выглядит очень некрасиво. Если пользователи, у которых не сглаживаются шрифты — не целевая аудитория, то можно пропустить этот пункт :)

А вообще отличная работа! Будет интересно посмотреть на внутренние страницы.
— да это ховер
— спасибо, ценное замечание скорее всего исправим. Выделяется потому что мы разнесли e-legion.com (локаль определяляась по кукам) на два сайта e-legion.ru и .com, те кто по привычке ходили на .com должны быстро понять как попасть на русскую версию.
— да это кнопка, у нас есть задачи на поиск в тестировании, проверим на тестируемых.
— баннер про еду — не настоящий, в жизни будут другие, передам пожелания дизайнерам.
— Myriad решили заменить PTSansRegular через font-face.

Спасибо за отзыв! Внутренние страницы раскроем уже на готовом сайте, с полным отчетом по проектированию :)
А можно взглянуть на дизайн первой версии?
Скриншот слева же. Голубой такой.
Отличный сайт и очень интересный опыт, спасибо! Больше бы подобных статей по UI Design…

PS Ротатор не нравится, но это моя субъективная нелюбовь к шапкам-ротаторам
Чем не нравится ротатор? Большую часть времени, кстати, он будет один, без ротации :)
Он очень большой. Мне он субъективно не нравится. Не ваш конкретно, а сама идея ротаторов в целом. Он занимает пространство, которое могло быть занято полезной инфой :)
Новое оформление стало намного приятней. Несколько замечаний:

1. Не совсем понятно почему «Социальные сети» подчеркнута, а «Стартапы» нет? Или ссылки подчеркиваются только при наведении указателя мыши?

2. Пунктир в заголовке в банере, мне кажется, может сбить с толку. Такое ощущение, что это псевдо ссылка.
подчеркиваются направления, по которым есть проекты :) и не под NDA. То есть ссылка ведет на отфильтрованное портфолио.
Мы занимались только разработкой _самого_ регета а не их сайта. Буду благодарен, если напишите им.
Нет проблем)
А я что-то так и не понял кто дизайн рисовал, но мы заказывали дизайн сайта в ноябре-январе и одним из вариантов дизайна был именно такой с доской этой :) Если сейчас найду где-нибудь макет в истории — выложу.
Давайте, давайте :)
да, интересно было бы посмотреть.
маякните как выложите
Да вот что-то не могу найти, но мы тот вариант дизайна не взяли, он нам просто не подходил. А дизайнер, который его делал пропал потом, хотя и сдал большую часть работы уже.
Делать фон в шапке текстурой — не очень гибкое решение. Придется либо:
— грузить очень широкие картинки, чтобы на разрешении full hd и выше фон резко не обрывался;
— репитить этот бэкграунд, но тогда нужно подобрать текстуру так, чтобы не было видно швов;
— после какой-то ширины обыграть переход текстуры по бокам в однородный фон.

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

Рабочая версия с подбором текстуры
Зарегистрируйтесь на Хабре , чтобы оставить комментарий