Необходимо разработать современный дизайн для главной страницы сайта туроператора Яроблтур yarobltour.ru
Обратине внимание сайт для туроператора, а не для турагентства между ними очень большая разница, если для Вас она не очевидна, то не стесняйтесь задать вопросы прежде чем принимать предложение и тем более прежде чем приступать к реализации.
1. Выполнить дизайн нужно в конструкторе Фигма
2. Важно чтобы наш пользователь попав на новый сайт сохранил узнаваемость к бренду и компании, поэтому при разработке дизайна нужно учесть вид действующего сайта
3. Особое внимание необходимо уделить мобильной версии сайта, т.к. большая часть трафика сейчас идёт с телефонов
Это задание мы хотим поручить нескольким исполнителям (или командам) с большим опытом разработки сложных и современных многостраничных сайтов.
По итогу выполнения, выберем кому поручить доработать дизайн ещё 6-8 страниц сайта.
Поэтому прошу указать стоимость и сроки выполнения как для конкретно этого задания, так и для последующего.
Примерная структура главной страницы со скриншотами элементов у разных туроператоров в гугл-документе
docs.google.com/document/... Также схема какого-то нашего видения на изображениях во вложении.
Полезно будет посмотреть сайты других туроператоров
- в первую очередь специализирующихся на турах по России, например alean.ru delfin-tour.ru
- других крупных туроператоров тоже можно посмотреть, но нужно учесть, что у них несколько другой продукт
Общие требования к оформлению и верстке страниц
Простой и удобный интерфейс. Соблюдение единого стиля. Поддержка наиболее популярных браузеров Firefox, Chrome, IE (последние версии), Opera, Safari. Кодировка, используемая в системе и базе данных – (UTF-8).
Компоновка страниц Сайта должна обеспечивать автоматическое масштабирование страниц в зависимости от ширины рабочего поля браузера пользователя. «Резина» не должна растягиваться на весь экран на разрешениях выше 1400 px по ширине.
Использование адаптивной верстки. Страница сайта должна реагировать на условия в которых просматривается, т.е. учитывать размеры экрана, устройство, программное обеспечение.
Для достижения этой цели используются следующие идеи и принципы:
- резиновая сетка (fluid grid);
- гибкие изображения;
- медиазапросы (media queries);
- сначала мобильные устройства (Mobile first)
Дизайн сайта
В дизайне должен использоваться логотип, фирменные цвета и стиль Заказчика. Схема расположения элементов должна быть адаптивной (адаптивный дизайн). Стиль оформления: flat-дизайн. Характерные особенности:
- никаких дополнительных эффектов;
- использование простых фигур;
- контрастные цветовые решения;
- акцент на типографике.
Допускается использовать техники плоского дизайна, но к некоторым элементам будут добавлены дополнительные эффекты. Например, кнопки будут содержать дополнительные градиенты и тени.
Фиксированное меню: основное меню закрепляется сверху, на всем протяжении скроллинга по сайту. Кроме меню, фиксируются главные элементы сайта (например, корзина и телефон).
Возможно применение полноразмерных фото и видео в качестве фона для wow-эффекта, а также больших кнопок интерфейса для удобного использования на сенсорных экранах. Для привлечения внимания к содержимому сайта необходимо использовать мягкие, нейтральные цвета фона с градиентами светлых тонов (белый, серый). Для упрощения чтения с экрана необходимо использование широких границ, чтобы разделить элементы, и большой высоты строк.