Веб-сайт для Сервисная служба ОКЕЙ

Сервисная служба ОКЕЙ

-

ТЗ по сайту

Сайт для единой сервисной службы в г. Пермь
На сайте можно заказать различные услуги - от доставки до стрижки (см. прототип)

Сделаны прототипы (схематические блоки по страницам), которые согласованы с руководством.
Но если вы чувствуете, что блок можно сделать лучше - предлагайте доп. версию.
Именно по этому на прототипах есть 2 версии шапки.

Страниц немного и они кажутся простыми - но с этой простотой нужно очень качественно поработать, чтобы они были максимально в современном тренде.

Возможные цвета согласованы с руководством и помечены
Что касается шапки и подвала - руководство хочет чтобы они оставались белого (светлого) цвета и шапка с меню была прибита к верху и был разделитель в виде линии с тенью (например, как на сайте docdoc.ru)

В плане размеров шрифтов - не мельчим. Не хочется вглядываться в текст. Должна быть хорошая читабельность текста и заголовков

Обратите внимание на примеры сайтов - все они чем то нравятся нам. В комментарии к заданию опишу дополнительно по каждому сайту. А также напишу примеры которые НЕ нравятся и почему.

В рамках этого задания надо продумать простой логотип в стилистике сайта.

Проработать эмоциональное восприятие от сайта и логотипа - надежность, защита, доверие, качество услуг и т.п. Логотип, ассоциация слов: качество, надежность, гарантия.

Нужен дизайн также и для мобильный устройств (на 2-м этапе конкурса).

Также нужно будет продумать анимацию элементов, слайдеры, появление, эффекты при наведении и т.п.
Кнопка Заказать - анимационная с подсветкой при наведении
При наведении на ,блоки с фото услуг - появляются названия и иконки соцсетей для перехода на группы ВК, FB или инстаграм с хештегом именно по этой услуге.
В подразделах услугах текст сразу виден на картинке. На главной только при наведении.

Насыщенные

Пастельные

Черно-белые

Рекомендации от руководства по примерам сайтов.

Нравится сайты:
https://allithave.ru/ - все просто и логично, ничто не отвлекает от просмотра товара. Все сделано, чтобы я сразы выбрал, то что мне нужно, без лишней рекламы.

http://shumkova-catering.ru/ - просто и стильно. Первое впечатление, что сайт пустой, но на самом деле здесь нет ничего лишнего. Да и сам Кейтеринг такой, что нет предварительно никаких длинных прайсов, нудных описаний услуги, сравнительных характеристик. Предполагается, что человек знает чего хочет и выбирает - заказать на этом сайте, потому что он нравится больше других. Мягкие тона цвета, глаза отдыхают.

https://www.nvidia.com - на сайте информации очень много, но они грамотно распределили пространство, что не устаешь от просмотра, постоянно есть желание нажать куда-нибудь еще. Верхнее меню остается вверху закрепленным. Подвал - белая полоска - жуть, если чуть подняться и смотреть так чтобы ее не было видно, то все классно. Куда не нажмешь любая статья короткая, не длинная, не устаешь.
Можно зайти посмотреть, как реализовано пространство статьи:
https://www.nvidia.com/ru-ru/geforce/gtx-upgrade/?nvid=nv-int-gd-42916#cid=Internal_GF_RU_20180906_GTX_UPGRADE_CORPSFG
https://www.nvidia.com/ru-ru/deep-learning-ai/

https://www.amd.com/ru - тоже хорош. Заходишь на него и СРАЗУ получаешь то, что хочешь.

Сайты какие мне НЕ НРАВЯТСЯ:
https://yandex.ru/ - вот вроде все видно, но каждый раз глаза разбегаются, долго ищу глазами то, что мне нужно, а пролистав в низ до самого конца, вообще забываю зачем я здесь. Подвал настолько серый, что я его не замечаю. Вверху сайта текст настолько мелкий, что приходится всматриваться, а у меня секунды на счету, нужно что-то выбрать и дальше работать. Всегда неудобен.

https://noadsradio.ru/ - Радио без рекламы, хотя на сайте она есть. Центральная часть сайта проработана хорошо, сразу получаю то, что мне нужно. Но по бокам текст, я не читал пол года, не привлекал, потом прочел, оказалась интересная информация. Я был удивлен, как не грамотно распределено пространство сайта. Меня этот мелкий текст раздражает, лучше бы было без него, все равно никто его не замечает. Да даже прочел его один раз, и его бы скрыть.