Обзор кейса: сайт фриланс услуг

Share
28.03.2018

Содержание

Фирменный стиль

Дизайн был выполнен в темно оранжевом и светло синих тонах, которые сопровождают пользователя по всему сайту, изображения и цвет кнопок так же выделены в фирменном стиле.

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

Адаптивность

Одной из главных задач для данного сайта была именно Адаптивность под разные мобильные устройства и планшеты. Решением было – верстка с использованием сетки и системы карточек.

В последние года самым главным фактором является полная адаптивность сайта под все платформы. Благодаря статистике Google можно узнать, что посещаемость сайтов с мобильных телефонов и планшетов за последние годы равна 50%, а в некоторых нишах и превышает 80%. Я серьезно отношусь к своей работе и с уверенностью могу сказать, что каждый мой проект адаптирован под все известные мобильные платформы.

Страница поиска

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

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

Страница регистрации

Страницы регистрации так же были реализованы мною для двух типов пользователей:

1. Работодатель

2. Специалист

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

Страница с проектами

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

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

Подпишитесь на блог

В блоге

  • CSS
  • Pixel Perfect
  • UI\UX
  • Адаптивная верстка
  • Анимация
  • Бизнес
  • Верстка
  • Достижения
  • Идеи
  • Интернет-магазин
  • Кейс
  • Лендинг
  • Обзор
  • Написание кода
  • Примеры работ
  • Разработка
  • Разработка сайта
  • Результат
  • Сайт
  • Стоимость
  • Тестирование
  • Успех
  • Чек лист