Сайт компании вакансий удаленной работы для профессионалов
Пока никто не выложил
свои идеи!
Сайт компании вакансий удаленной работы для профессионалов
Гонорар:52 000 Р.-
Срок:1м. 00с.
Решений:30
Просмотры брифа:5206
Решений:30
Просмотры брифа:5206
Описание питча
WorkAtHome - это сайт для поиска удаленной и проектной работы для профессионалов.
Мы помогаем соискателям находить квалифицированную удаленную работу и соединяем работодателя и соискателя.
Наша аудитория - это состоявшиеся в профессии люди из самых разных сфер: коммуникации, юриспруденция, логистика, бухгалтерия и пр., которые хотят самостоятельно управлять своим временем и не просиживать в офисе.
С другой стороны, мы помогаем компаниям найти экспертов высокого уровня для решения бизнес-задач, а работникам - заниматься интеллектуальным предпринимательством и не зависеть от "присутственных" часов в офисе и найти отличную работу вне дома. Мы отличаемся от бирж труда fl.ru качеством работ, которые отобраны у лучших работодателей. Мы не размещаем вакансии нянь, маникюрш и водителей.
Наш сервис предоставляет доступ к вакансиям проектного характера, вакансиям с возможностью удаленной работы.
Мы ориетируемся на b2b2c
Наша целевая аудитория: женщины и мужчины от 25 до 50 лет, с высшим образованием, семейные, скорее всего с детьми, живующие в городах-миллиониках (Москва и Петербург преимущественно), с опытом работы в офисе, в т.ч. на руководящих позициях от 3-5 лет.Общие положения по сайту
- Минималистичный flat дизайн который следует принципам google material design Вот дополнительная информация: http://fezvrasta.github.io/bootstrap-material-design/
- Карточные интерфейсы должны быть основой интерфейсов сайта - результаты поиска, профиль и тд. Описание и примеры: http://bootcards.org/, https://www.pinterest.com/flexewebs/cards-ui/ и так далее
- Приветствуется использование фотографий
- Сайт обязательно должен отображаться на всех устройствах и быть responsive.
- Цвет логотипа можно (и нужно) поменять из черного в тот, что ближе подходит.
- Цветовая палитра должна включать в себя зеленый цвет вместе с другими яркими цветами. Например:
- http://www.dtelepathy.com/wp-content/uploads/2013/07/Color-Palette-Post-28-boycoy.png
- http://www.dtelepathy.com/wp-content/uploads/2013/07/Color-Palette-Post-12-softwaremill.png
- http://paletton.com/palette.php?uid=72A0u0kxSpXmVxdtUvHCHlcKvfT
Страницы и элементы сайта
Навигация
Навигация на всех страницах кроме главного лендинга, где она немного видоизменена, состоит из следующих элементов
Логотип. При клике переходит на главную страницу
Найти работу. Мы рассматриваем вариант, что при нажатии этой ссылки выезжала форма сверху или как-то еще. То есть форма всегда бы была доступна из навигации)
Свяжитесь с нами
Вы Работодатель?
Справа будет область авторизации в системе или иконка авторизированного юзера
Главная страница workathome.ru
Главная страница будет представлена в форме лендинга. С красивыми визуальными образами на фоне (фотографии или графика), объясняющими бенефиты использования сервиса для соискателей.
Хедер с навигацией. На главной странице он будет больше чем на остальных, будет частью страницы
Элементы навигации см выше: Логотип, Найти работу, Свяжитесь с нами, Вы - работодатель?, и справа - Войти (для анонимных пользователей), Имя, Фамилия с иконкой - для авторизированных
Форма поиска на главной состоит из
- Заголовка - Найти работу
- текстового поле "специальность" (с автозаполнением по первым трем буквам) также возможно добавить несколько специальностей. См пример здесь: http://timschlechter.github.io/bootstrap-tagsinput/examples/
- Кнопки "Поиск" при нажатии которой юзер отсылается на страницу результатов поиска.
- Следующий блок - Текст про сайт workathome, бенефитах использования и описывание простого интерфейса
- Приглашение зарегистрироваться чтобы сохранить поискового агента или подписки
- Секция с ссылкой на страницу - Вы работодатель? с небольшим параграфом описываюшим преимущества размещения у вакансии
- Footer c ссылками: Контакная Информация, Группа В ФБ, Твиттер
Страница результатов поиска /search
На страницу поиска вакансий можно попасть активировав поиск из навигации или главной страницы.
На этой странице будут выводиться вакансии исходя из заданных параметров поиска.
Для каждой вакансии в списке должна выводиться следующая информация
- Название вакансии, проекта
- Названии компании
- Дата постинга
- Первью (несколько строчек описания)
- Город
- Зарплата (если есть в постинге)
Каждое из этих полей может быть скрыто за исключением Названия вакансии, даты постинга и превью, которые должны быть видимы всегда.
При клике на вакансию - юзер переходит на страницу вакансии.
Помимо результатов поиска вакансий на странице будет следующий функционал
- Манипуляции с результатами поиска Переключение из "списка" в "карточный вид"
- Возможность Сохранить результаты поиска и создать агента ("Получать похожие вакансии на почту")
- Также необходимо создать блок или область для модификации результатов поиска
- Проф область занятости - Индустрия (в виде мультиселект дропдауна с чекбоксами как, например, на superjob.ru для отмечания областей поиска)
- Регион
- Возможно чекбоксы занятости (контракт, проект етс)
- Придумать решение для подгрузки дополнительных результатов поиска - страницы, "бесконечный" список или какое-то еще решение.
Детали вакансии /jobdetail
На данной странице будет следующий контент:
- Название вакансии
- Название компании
- Город,
- Описание вакансии
- Зарплата
- Большая кнопка откликнуться на вакансию открывающуюся в новом окне
- Ссылка "Назад к результатам поиска"
- Блок кнопок Шеринга в соц сетях
- Блок "Рекомендованые вакансии", но с возможностью его убрать
Страница авторизации-регистрации /login-signup
На странице будет форма регистрации при помощи емейла:
- Имя
- емейл
- Пароль
- Кнопка Зарегистрироваться
- Текст, что регистрируясь, вы принимаете условия сайта с ссылкой на условия сайта
Также возможна авторизация при помощи соцсетей, ФБ. ВК, ОК, Линкедин
Форма авторизации зарегистрированных юзеров будет состоять из:
- емейл текстовое поле
- Пароль текстовое поле
- Кнопка Войти или Логин
- Ссылка Восстановление пароля
Кликнув на ссылку “Я забыл пароль” в форме аутентикации он будет переадресован на страницу восстановления пароля
Введя емейл и нажав кнопку “Восстановить пароль” страница обновится или появится месседж, что пароль отправлен на почту
Получив емейл с ссылкой, и кликнув ее, юзер перенаправляется на страницу восстановления пароля, где он вводит новый пароль два раза
После этого появляется confirmation и юзер уже авторизировавшийся оказывается на главной странице
Также на странице необходимо показать как будет выглядеть форма с ошибками (неправильный формат емейла, неправильный пароль и тд)
Личный кабинет - управление подписками на работы /my
На этой странице авторизированные пользователи увидят список своих подписок - агентов с возможностью их удалить, посмотреть результаты поиска
Свяжитесь с намиНа странице будет указан телефон, текст о том почему надо с нами связаться, а также форма обратной связи.
Лендинг для работодателей - загрузить работу
На этом лендинге не будет навигации от основного сайта, кроме кнопки вернуться на главную.
Будет фотография фоном и описание крупными буквами почему выгодно размещать объявление на workathome.ru
Также информация кому позвонить или заказать обратный звонок.
Потом будет идти форма быстрого постинга:
- Название вакансии (текстовое поле)
- Проф область (дропдаун с мультиселектом как на главной)
- Описание вакансии (большое текстовое поле с ограничением символов 5000) и без возможности форматирования
- Зарплата необязательное поле
- Регион (автозаполнение) необязательное поле
- Контактный емейл (с валидацией емейла)
- Контактный телефон (текстовое поле в формате телефона)
- Имя Фамилия постера
- Кнопка разместить вакансию
- Captcha против спама
Темплейт емейла
8й страницей будет responsive темплейт емейла для системных емейлов с хедером, футером и примерным контентом с сылкой (который потом будет видоизменятся в зависимости от посылаемого сообщения)
При сабмите вакансии появится подтверждение либо как модальное окно, либо как всплывающая полоска сверху, с текстом о том, что вакансия получена и будет доступна на сайте в течение ХХ времени
Целевая аудитория
-
Женщины Мужчины
-
Молодой Зрелый
-
Богатый Экономный
-
Современный Консервативный
-
Энергичный Пассивный
Формат файла
AI, JPG, PNG, PSDПрикрепляемые документы
HelveticaNeueCyr.zipkotik_fin.ai
kotik_fin_crv_CS5.ai
15:54, 23/06/22
GoDesigner
Друзья,
Открыт прием работ в конкурсе на редизайн сайта (3 страницы), бриф по ссылке https://godesigner.ru/pitches/view/144665/?tab=details. Приглашаем вас к участию!
14:26, 21/07/15
Илья Ш.
Спасибо всем участникам за их время на этом проекте! Очень много хороших вариантов и отличных решений. Определиться с победителем было невероятно трудно, отобрав троих финалистов, и опросив ряд коллег и потенциальных соискателей мы решили выбрать проект @Елена К. Сергей, Филипп, Лера - ваши проекты были на высоте, и я надеюсь, что мы вернемся за новыми решениями на этот сайт, чтобы поработать с вами.
14:22, 21/07/15
GoDesigner
Друзья, выбран победитель. Им стал #44. Мы поздравляем автора решения и благодарим всех за участие. Если ваша идея не выиграла в этот раз, то, возможно, в следующий вам повезет больше — все права сохраняются за вами, и вы можете адаптировать идею для участия в другом проекте!
Подробнее читайте тут: http://godesigner.ru/answers/view/51
Подробнее читайте тут: http://godesigner.ru/answers/view/51
20:19, 19/07/15
Илья Ш.
#50, Интересная идея, @Сергей К. низ к сожалению слабоват, фон в виде паркета мне кажется не совсем подходит. Спасибо за ваш вариант!
GoDesigner
Дизайнеры больше не могут предлагать решения и оставлять комментарии!
20:00, 19/07/15
GoDesigner
@Илья Ш., срок проекта подошел к концу! Дизайнеры больше не могут предлагать решения и оставлять комментарии! Настал момент анонсировать победителя. У вас есть 4 дня на выбор лучшего решения. Выбрав лучшее, вы получите возможность внесения поправок и время на получение исходников.
19:51, 19/07/15
Илья Ш.
#50, Интересная идея, @Сергей К. низ к сожалению слабоват, фон в виде паркета мне кажется не совсем подходит. Спасибо за ваш вариант!
GoDesigner
Дизайнеры больше не могут предлагать решения и оставлять комментарии!
19:37, 19/07/15
19:29, 19/07/15
18:31, 19/07/15
17:00, 19/07/15
15:55, 19/07/15
Илья Ш.
#45, @Лера Л. интересное решение с карточным результатом поиска. Единственная проблема - что пока в большинстве случаев мы не сможем сделать картинку логотипа компании в постинге. А также кажется, что лого занимает достаточно много места по сравнению с описанием вакансии.
15:43, 19/07/15
Илья Ш.
#40, @Лера Л. как я и писал раньше - нравится идея с поиском!
15:42, 19/07/15
Илья Ш.
#39, @Лера Л. спасибо за предложенный вариант, есть много интересных решений - шапка с большой формой поиска, структура блоков, однако иконки, блок статистики немного слабоваты. Опять таки в комментариях я делал акцент на зеленый и оранжевый цвет, которого мы бы хотели придерживаться с сайтом workathome
12:52, 19/07/15
Илья Ш.
#45, @Лера Л. интересное решение с карточным результатом поиска. Единственная проблема - что пока в большинстве случаев мы не сможем сделать картинку логотипа компании в постинге. А также кажется, что лого занимает достаточно много места по сравнению с описанием вакансии.
12:25, 19/07/15
12:25, 19/07/15
12:25, 19/07/15
18:09, 18/07/15
Илья Ш.
#40, @Лера Л. как я и писал раньше - нравится идея с поиском!
14:54, 18/07/15
Илья Ш.
#39, @Лера Л. спасибо за предложенный вариант, есть много интересных решений - шапка с большой формой поиска, структура блоков, однако иконки, блок статистики немного слабоваты. Опять таки в комментариях я делал акцент на зеленый и оранжевый цвет, которого мы бы хотели придерживаться с сайтом workathome
18:10, 17/07/15
Илья Ш.
#38, @Александр Т. добрый день, спасибо за ваш вариант! Чувствуется, что не хватает фотографии в шапке. Понравилась идея с указыванием количества вакансий на сайте и три буллита с картинками. Низ немного слабоват, как работодатель мне непонятно почему мне стоит регистрироваться на сайте.
16:19, 17/07/15
Илья Ш.
#34, @Джек В. спасибо за предложенное решение. К сожалению глазу негде зацепиться, все достаточно плоско. И фотография, и кривая разделяющая страницу. И низ в воздухе с двумя секциями.
12:17, 17/07/15
Илья Ш.
#38, @Александр Т. добрый день, спасибо за ваш вариант! Чувствуется, что не хватает фотографии в шапке. Понравилась идея с указыванием количества вакансий на сайте и три буллита с картинками. Низ немного слабоват, как работодатель мне непонятно почему мне стоит регистрироваться на сайте.
11:51, 17/07/15
7:16, 17/07/15
4:26, 17/07/15
Илья Ш.
#34, @Джек В. спасибо за предложенное решение. К сожалению глазу негде зацепиться, все достаточно плоско. И фотография, и кривая разделяющая страницу. И низ в воздухе с двумя секциями.
23:49, 15/07/15
Илья Ш.
#31, @Sergey M. - я посмотрел интерфейс по ссылке. Очень здорово! Потом можно поиграть с цветами по-минимуму и текстами
Давайте уберем второй логотип из футера и оставим там минимум информации - адрес, телефон и пару ссылок (которые мы потом добавим).
Форма поиска наверху - можем ли выровнять? Или вы думали про какой-то специальный interaction при вводе в это поле. Вообще можно наверное разделить визуально кнопку и поле ввода, чтобы акцентировать внимание на то, что отсюда начинают поиск :) а не агитировать на выбранные категории. Хотя это тоже интересная идея, пока, правда, она будет неактуальна при запуске.
23:43, 15/07/15
Илья Ш.
#32, @Елена К. Да! спасибо, это очень интересно. Мы подумаем над текстом еще, чтобы не повторяться с работой много раз.
23:39, 15/07/15
Илья Ш.
#30, @Сергей Н. посмотрели ваш вариант, есть интересные моменты, например иллюстрация в секции для работодателей. Но в целом не совсем то - на главной нет цветового разделения соискателей и "компаний", зеленый же цвет выглядит несколько ядовитым. Также условная простота главной почему-то не дает глазу зацепиться за нужные детали - поиск, почему я хочу зарегистрироваться или разместить вакансии от лица компании
В карточке результатов поиска ссылка подробнее лишняя, также как большие поля требуют больше места и размещение 4х вакансий (и двух above the fold) несколько мало.
19:59, 15/07/15
Илья Ш.
#32, @Елена К. Да! спасибо, это очень интересно. Мы подумаем над текстом еще, чтобы не повторяться с работой много раз.
2:46, 15/07/15
0:39, 15/07/15
0:31, 15/07/15
Илья Ш.
#25, @Елена К. я перепутал :) имелось в виду панель параметров слева, а не справа. Будем ждать варианта с плиткой
0:30, 15/07/15
Илья Ш.
#23, Кирилл Т. Спасибо за предложенный вариант! К сожалению немного мимо, очень много фото образов, серьезные бородачи выглядят здорово, но даже два на одной странице - это уже много :) Потом мы хотели логически разбить поиск, бенефиты для соискателя, параграф + регистрацию для работодателей и футер. Минимум информации с максимум смысла
0:25, 15/07/15
Илья Ш.
#24, Елена, спасибо за этот вариант! Интересный! Есть пара моментов - например выравнивание элементов в каждом из блоков, call to action кнопки - поменять цвета местами найти красный, регистрация работодателя оранжевый, соискатель - зеленый. Окрасить лого только в белый без комбинации пока.
0:14, 15/07/15
Илья Ш.
#22, Сергей, спасибо, что поделились главной! Честно говоря создается двоякое ощущение - хороший верх и не совсем удачный низ + футер. Две формы поиска будут отвлекать, а также чувствуется разделение на две части, а хотелось бы плавного перемещения от одного к другому (в частности профи-соискатель к работадатель-фирма)
23:25, 14/07/15
Илья Ш.
#25, @Елена К. я перепутал :) имелось в виду панель параметров слева, а не справа. Будем ждать варианта с плиткой
23:16, 14/07/15
Илья Ш.
#24, Елена, спасибо за этот вариант! Интересный! Есть пара моментов - например выравнивание элементов в каждом из блоков, call to action кнопки - поменять цвета местами найти красный, регистрация работодателя оранжевый, соискатель - зеленый. Окрасить лого только в белый без комбинации пока.
11:01, 14/07/15
Илья Ш.
#23, Кирилл Т. Спасибо за предложенный вариант! К сожалению немного мимо, очень много фото образов, серьезные бородачи выглядят здорово, но даже два на одной странице - это уже много :) Потом мы хотели логически разбить поиск, бенефиты для соискателя, параграф + регистрацию для работодателей и футер. Минимум информации с максимум смысла
17:47, 13/07/15
Илья Ш.
#4, @Елена К. долго смотрели на ваши варианты решений. Есть несколько комментариев, которыми я бы хотел поделиться с вами. Создалось впечатление, что страница поиска требует еще чуть-чуть работы. Это основной функционал сайта, визитная карточка компании. В целом он лаконичен и чист, было бы здорово увидеть карточную версию результатов поиска. В комментариях к другим работам, я часто обращал внимание на фильтры, карточки и референс к material design паттернам с тенями и проч.
По структуре результатов поиска - наверное логичнее было бы поставить колонку параметров справа, а результаты сдвинуть влево, так сразу обращаешь внимание на них, вместо фильтров.
Спасибо за ваше старание :)
17:38, 13/07/15
Илья Ш.
#19, @Екатерина Д. нравится концепт "буллитов" описывающих преимущество сервиса с иконками. Однако.. иконки не совсем подходят по стилю. Также непонятно выравнивание всех элементов на странице - его я не просматриваю из-за этого создается впечатление беспорядка на странице.
Также не совсем удачно выбраны фотографии. Их контраст создает некую не совсем приятную полосатость страницы.
17:29, 13/07/15
Илья Ш.
#17, @Наталия Л. спасибо за решение! К сожалению цвета, шрифты, общее исполнение как главной так и результатов поиска не очень понравились. Визуально чекбоксы индустрий превращаются в один большой сложный список, яркие иконки дат тянут все внимание на себя. Город и зарплата нечитабельны.
На главной большой текст work at home - не будет продавать. Как я указывал в комментариях к другим работам - хорошим решением было бы разделить цветом область работодателей на сайте и соискателей.
7:57, 13/07/15
Илья Ш.
#19, @Екатерина Д. нравится концепт "буллитов" описывающих преимущество сервиса с иконками. Однако.. иконки не совсем подходят по стилю. Также непонятно выравнивание всех элементов на странице - его я не просматриваю из-за этого создается впечатление беспорядка на странице.
Также не совсем удачно выбраны фотографии. Их контраст создает некую не совсем приятную полосатость страницы.
18:13, 12/07/15
Илья Ш.
#17, @Наталия Л. спасибо за решение! К сожалению цвета, шрифты, общее исполнение как главной так и результатов поиска не очень понравились. Визуально чекбоксы индустрий превращаются в один большой сложный список, яркие иконки дат тянут все внимание на себя. Город и зарплата нечитабельны.
На главной большой текст work at home - не будет продавать. Как я указывал в комментариях к другим работам - хорошим решением было бы разделить цветом область работодателей на сайте и соискателей.
12:26, 12/07/15
Илья Ш.
#13, @Sergey M. я повнимательнее посмотрел результаты поиска. Смущает один момент над которым я думал пару дней. Если я ввожу дополнительный кейворд в форму поиска уже НА странице результатов - не совсем понятно как в вашем варианте будет происходить взаимодействие данных в форме и чекбоксов индустрий справа?
Мне кажется стоит сделать так - я на главной, ввожу индустрии, нажимаю найти - оказываюсь на странице результатов поиска. На странице результатов есть форма с моими данными и фильтры (не входящие в форму) соответственно. Я думаю эти моменты можем подкрутить как определимся с общей визуальной концепцией - так что как и написал, жду вашего варианта главной. Спасибо!
11:47, 12/07/15
Илья Ш.
#15, @Елена К. уже лучше, но не совсем то.. Я думаю если разграничить соискателей и работодателей цветом - доминирующий зеленый для первых и оранжевый для вторых. Это может быть зеленый call to action зарегистрироваться соискателю и область или кнопки с оранжевыми акцентами для работодателей. Еще как вариант с зеленым бэкграундом - можем попробовать добавить фото из стока
Спасибо!
11:37, 12/07/15
Илья Ш.
#9, @Елена К., добрый день! Спасибо за уточнение и анимированное решение. Мне нравится сохранение результатов поиска путем простого клика. Есть вопрос - если мы вводим такой сценарий - показывания тултипов, то я полагаю они должны показываться в разных местах по всему сайту или это необязательно по вашему мнению?
"Настройки поиска" - я бы заменил скорее на параметры поиска или детали с соответствующей иконкой.
При скролле результатов поиска было бы здорово если можно было схлопнуть параметры, но так, чтобы они были видны у кромки браузера сверху.
9:04, 12/07/15
14:06, 10/07/15
Илья Ш.
#15, @Елена К. уже лучше, но не совсем то.. Я думаю если разграничить соискателей и работодателей цветом - доминирующий зеленый для первых и оранжевый для вторых. Это может быть зеленый call to action зарегистрироваться соискателю и область или кнопки с оранжевыми акцентами для работодателей. Еще как вариант с зеленым бэкграундом - можем попробовать добавить фото из стока
Спасибо!
10:44, 10/07/15
Илья Ш.
#13, @Sergey M. я повнимательнее посмотрел результаты поиска. Смущает один момент над которым я думал пару дней. Если я ввожу дополнительный кейворд в форму поиска уже НА странице результатов - не совсем понятно как в вашем варианте будет происходить взаимодействие данных в форме и чекбоксов индустрий справа?
Мне кажется стоит сделать так - я на главной, ввожу индустрии, нажимаю найти - оказываюсь на странице результатов поиска. На странице результатов есть форма с моими данными и фильтры (не входящие в форму) соответственно. Я думаю эти моменты можем подкрутить как определимся с общей визуальной концепцией - так что как и написал, жду вашего варианта главной. Спасибо!
23:35, 09/07/15
Илья Ш.
#9, @Елена К., добрый день! Спасибо за уточнение и анимированное решение. Мне нравится сохранение результатов поиска путем простого клика. Есть вопрос - если мы вводим такой сценарий - показывания тултипов, то я полагаю они должны показываться в разных местах по всему сайту или это необязательно по вашему мнению?
"Настройки поиска" - я бы заменил скорее на параметры поиска или детали с соответствующей иконкой.
При скролле результатов поиска было бы здорово если можно было схлопнуть параметры, но так, чтобы они были видны у кромки браузера сверху.
23:32, 09/07/15
Илья Ш.
#5, Андрей, спасибо за предложный вариант! К сожалению предложенные вами скрины не совсем отображает моё видение концепции. На главной не отображено зачем этот сайт, что нужно делать соискателю и так далее. Иконки не отображают концепцию флэт дизайна. Результаты поиска сложно читать и не я не могу представить карточный вид вакансий.
22:52, 09/07/15
Илья Ш.
@Екатерина Д. Екатерина спасибо большое за предложение решения! Вызывает сомнения заглавная страница, Особенно шапка и форма поиска - слишком много разных элементов. Форма поиска является основным элементом этой странице а её к сожалению плохо видно.
Мне нравится ваш подход к цветовые решения, однако может быть попробовать уменьшить количество использованных цветов и акцентировать внимание на зелёном и как добавить дополнительный цвет в дополнение к зелёному. Кстати, как вариант можно отметить работодателя или секцию работодателя в оранжевом цвете.
Также её заметил две формы поиска, мы бы хзотели оставить одну.
19:03, 09/07/15
19:01, 09/07/15
20:32, 08/07/15
Илья Ш.
#4, Еще хотел добавить комментарий про параметры поиска. На десктоп выглядят хорошо, можно даже убрать саб навигацию (мы ее не планируем внедрять в ближайшее время). Однако на маленьких экранах развернутые фильтры занимают очень много места.
20:12, 08/07/15
Илья Ш.
#3, @Sergey M. Видим изменения :) большинство в сторону, которая кажется нам интересной. Над карточками я еще думаю, очень много вариантов, все хороши, где-то есть недочеты, я еще денек над этим подумаю, смотрю в основном на последние 6.
По навигации - разделитель не совсем нужен между логотипом и остальными элементами меню. Такой "табличный" подход очень разграничивает если области не выделены цветами более радикально как в одном из питчей Елены, например.
Выделение активного элемента - пока ничего не зацепило, Может быть шрифты или контраст цветов покрутить?
Еще один важный момент, стоит показать строку поиска вакансий на странице результатов поиска, где посетитель может инициировать новый поиск.
19:53, 08/07/15
Илья Ш.
#4, @Елена К. спасибо за предложенное решение! Выглядит здорово, иконки очень интересны. Очень хорошая подборка цветов! Красный, темный, зеленый. Однако хотелось уйти чууть побольше в зеленый (элементы форм, логотип или что-то еще?) - индустрия диктует ассоциации с этим цветом и наверное немного можно акцентировать внимание на него через дополнительные элементы или бэкграунд.
Наверное имеет смысл схлопнуть workathome написание к логотипу как wah чтобы логотип с текстом не занимал столько места на десктоп и версии для экранов поменьше. Либо просто оставить только логотип кота?
Агент или subscription. Я так понял кнопка звоночек - это и есть приглашение сохранить поиск. Решение интересное, однако я боюсь не так очевидно, как может показаться. Мне пришлось поискать его пока я понял и предположил, что это оно и есть.
В целом, складывается хорошее впечатление!
9:48, 08/07/15
Илья Ш.
#4, @Елена К. спасибо за предложенное решение! Выглядит здорово, иконки очень интересны. Очень хорошая подборка цветов! Красный, темный, зеленый. Однако хотелось уйти чууть побольше в зеленый (элементы форм, логотип или что-то еще?) - индустрия диктует ассоциации с этим цветом и наверное немного можно акцентировать внимание на него через дополнительные элементы или бэкграунд.
Наверное имеет смысл схлопнуть workathome написание к логотипу как wah чтобы логотип с текстом не занимал столько места на десктоп и версии для экранов поменьше. Либо просто оставить только логотип кота?
Агент или subscription. Я так понял кнопка звоночек - это и есть приглашение сохранить поиск. Решение интересное, однако я боюсь не так очевидно, как может показаться. Мне пришлось поискать его пока я понял и предположил, что это оно и есть.
В целом, складывается хорошее впечатление!
Илья Ш.
#4, Еще хотел добавить комментарий про параметры поиска. На десктоп выглядят хорошо, можно даже убрать саб навигацию (мы ее не планируем внедрять в ближайшее время). Однако на маленьких экранах развернутые фильтры занимают очень много места.
Илья Ш.
#4, @Елена К. долго смотрели на ваши варианты решений. Есть несколько комментариев, которыми я бы хотел поделиться с вами. Создалось впечатление, что страница поиска требует еще чуть-чуть работы. Это основной функционал сайта, визитная карточка компании. В целом он лаконичен и чист, было бы здорово увидеть карточную версию результатов поиска. В комментариях к другим работам, я часто обращал внимание на фильтры, карточки и референс к material design паттернам с тенями и проч.
По структуре результатов поиска - наверное логичнее было бы поставить колонку параметров справа, а результаты сдвинуть влево, так сразу обращаешь внимание на них, вместо фильтров.
Спасибо за ваше старание :)
22:14, 07/07/15
Илья Ш.
@Филип К., добрый день, мы сейчас работаем надо этим, сегодня завтра надеюсь выложить текст для лендинга.
17:31, 07/07/15
Илья Ш.
#1, Сергей, мне нравится направление, в котором вы двигаетесь.
Несколько комментариев: Как и в десктоп версии - рекомендации создать агента - занимают очень много пространства, особенно в этом варианте.
По поводу collapsed навигации для недекстопов. Может быть разделить навигацию по сайту (сендвич) и фильтры поиска на две отдельные области. Мне нравится в этом плане решение на сайте Nixon. Можете посмотреть на декстопе и на мобильном телефоне: http://www.nixon.com/uk/en/search/?q=watch и фильтр и навигацию
17:10, 07/07/15
Илья Ш.
#2, Сергей, спасибо за предложенные решения! Как вы и сказали - пока комментарии по поводу цвета, стилей и тп не даю. Только по функционалу:
1. Количество позиций в виде карточек можно сделать больше (уменьшив размер самих карточек).
2. Создание агента поиска - очень важный элемент страницы результатов поиска, но он кажется забирает несколько больше места, чем хотелось бы. Вместо этого, можно добавить больше результатов (как я написал в п1)
3. По навигации - если мы уже в разделе "найти работу" то лучше наверное как-то пометить это в навигации. Либо сделать expanded view с строкой поиска, либо просто выделить этот элемент навигации. Также авторизированный пользователь - может быть поппробовать уменьшить этот элемент - он не критичен - тк ведет на страницу где можно менеджерить свои подписки и выходить из системы (чего мы не очень хотим, чтобы юзеры делали) :)
4. Карточки - кажется зарплата стоит на первом месте, лучше оставить дату, а зарплату скорее либо спрятать, либо перенести вниз. В идеале на карточке мы можем убрать все, кроме Компании, Вакансии, превью описания, даты. Остальное - по клику на детали вакансии.
5. Футер отвлекает - дополнительным логотипом, большим контрастом.
0:37, 06/07/15
Илья Ш.
Сергей, спасибо! давайте посмотрим первый вариант, а потом можно файнтюнить немного
15:42, 05/07/15
Илья Ш.
Сергей, добрый день, спасибо за комментарии и вопросы!
По поводу ваших комментариев. Я посмотрел ссылку на dribbble - понравились некоторые элементы например: https://dribbble.com/shots/1839301-Qards?list=searches&tag=frameworks&offset=7 шрифты и лэйаут, модифицированные элементы bootstrap библиотеки: https://dribbble.com/shots/1197632-Responsive-Ui-Kit-Bootstrap?list=searches&tag=frameworks&offset=30
По поводу UI framework - да, вы правы, я не хочу чтобы мы изобретали снова велосипед и вырисовывали стандартные элементы форм и тд, но я также не хочу чтобы они выглядели стандартно, поэтому я думаю лучшим вариантом будет взять либо semantic либо bootstrap и по мере надобности видоизменить наиболее используемые элементы.
По дополнительным вопросам. Да, в версии 1.0 мы не предусматриваем личного кабинета работодателя.
Согласен с вами - интерфейс результатов поиска и личный кабинет (пусть даже очень простой) - визитная карточка сайта.
По поводу индустрий - их достаточно много (около 30-40), они будут сгруппированы в бэкенде до , для соискателей нам кажется проще использовать autocomplete с дропдауном где можно увидеть все сгруппированные категории и их будет до 15-20.
Вот список:
IT, Интернет, связь, телеком
Административная работа, секретариат, АХО
Банки, инвестиции, лизинг
Бухгалтерия, финансы, аудит
Дизайн
Закупки, снабжение
Искусство, культура, развлечения
Кадры, управление персоналом
Консалтинг, стратегическое развитие
Маркетинг, реклама, PR
Медицина, фармацевтика, ветеринария
Наука, образование, повышение квалификации
Некоммерческие организации, волонтерство
Промышленность, производство
СМИ, издательства
Страхование
Строительство, проектирование, недвижимость
Топ-персонал
Транспорт, логистика, ВЭД
Юриспруденция
11:54, 03/07/15
Илья Ш.
Привет, хотел уточнить, что для объявления победителя нам важно увидеть первые пару страниц и понять, что мы двигаемся в нужном направлении. Все остальные элементы можно доделать после.