Сайт компании вакансий удаленной работы для профессионалов
N;
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 темплейт емейла для системных емейлов с хедером, футером и примерным контентом с сылкой (который потом будет видоизменятся в зависимости от посылаемого сообщения)
При сабмите вакансии появится подтверждение либо как модальное окно, либо как всплывающая полоска сверху, с текстом о том, что вакансия получена и будет доступна на сайте в течение ХХ времени
8 страниц
http://
meduza.io
visatohome.ru
http://www.google.com/design/
hh.ru
hantim.ru
Простой сайт, легко найти нужную работу, хочется возвращаться и добавить в закладки. Удобство. Простота. Профессионализм
да, допустимая стоимость одного изображения — 50$ - напишите, мы выберем что-то из http://www.stocksy.com/ Р.-
AI, JPG, PNG, PSD