Кейс Страхование Чикаго, США 2021

Сайт для страховой компании Grape Insurance

Сайт независимого страхового агентства из пригорода Чикаго, которое страхует дома, машины и грузоперевозки. Мы сделали логотип, фирменный стиль, серию иллюстраций и сайт с онлайн-расчётом полиса.

Обложка кейса: логотип-надпись Grape Insurance Agency — сайт для страховой компании из Чикаго
Мобильная версия сайта страховой компании Grape Insurance: первый экран с домом и тягачом
Клиент
Grape Insurance Agency
Сфера
Частное и коммерческое страхование
География
Чикаго, США
Год
2021
Что сделали
Логотип, фирменный стиль, иллюстрации, дизайн, адаптив, разработка

Потрогайте сайт вживую

Перед вами рабочая вёрстка главной. Прокрутите её — дом, машина и тягач разойдутся слоями. Откройте вопросы в FAQ, полистайте преимущества, переключите экран на телефон.

grapeins.com

Колесо или тачпад — прокрутка внутри окнаКнопки выше — вид на разных экранахТексты в демо — из макета на английском

Вместо стоковых фото — нарисованный вечерний пригород, где рядом дом, машина и тягач

Grape Insurance — независимое страховое агентство из Вудриджа под Чикаго. Страхует семьи и перевозчиков. Задача — сайт, по которому с первого экрана понятно, кого страхует агентство, и который не похож на сайты конкурентов со стоковыми рукопожатиями.

  1. 01Прелоадер и параллаксЛоготип-гроздь, затем дом, машина и тягач расходятся слоями при прокрутке
  2. 02Выбор с первого экранаКнопки Personal и Commercial сразу ведут к нужному виду страхования
  3. 03Услуги и преимуществаКарточки с иллюстрациями и слайдер с фото в арках
  4. 04Вопросы, расчёт и заявкаFAQ, расчёт полиса и заявка на выплату по шагам
Фирменный стиль
Логотип, визитки, бланки
Иллюстрации
Illustrator и Photoshop
Вёрстка
Pug, Sass, jQuery, GSAP
Язык сайта
Английский
Прелоадер и параллакс первого экрана

Мобильная версия — отдельная вёрстка

Каждый блок перестроен под экран телефона: иллюстрация первого экрана, карточки услуг, слайдер преимуществ и вопросы. Меню открывается снизу, телефон агентства всегда в шапке.

  • 01Свои кадры иллюстрации для узкого экрана
  • 02Выбор Personal или Commercial — прямо на первом экране
  • 03Слайдер преимуществ листается свайпом

Как выглядит сайт

01Первый экран: вечерний пригород и выбор страховки
02Услуги поверх дороги с тягачом
03Преимущества: слайдер с фото в арках
04Главная иллюстрация: дом, машина и тягач в одной сцене
05От скетча до финала: Illustrator и Photoshop
06Логотип, визитки и бланк
07Вопросы и ответы
08Расчёт полиса и заявка на выплату
09Страница «О компании»
010Мобильная версия: первый экран, услуги, преимущества
011Мобильная версия: вопросы и меню
012Быстрый расчёт с телефона

Расскажите идею.
Остальное берём на себя

Чем занимается ваша компания и какую задачу нужно решить?