Корпоративтік сайтWe Make · 2024UI‑китАдаптив

Bai Group
жаңа брендбук бойынша туроператор сайты

Ірі туроператор ребрендингтен өтіп, агенттіктен жаңа фирмалық стиль алды. Студияның міндеті — соның негізінде сайт құрастыру: турлар, визалар, авиабилеттер, сақтандыру және клиентке сапар алдында керектің бәрі.

МерзімШамамен бір ай
РөлБарлық беттің дизайны, UI‑кит, адаптив
Көлем19 десктоп + 19 мобильді бет
КомандаWe Make студиясы: PM, әзірлеушілер
Басты бет
Мобильді нұсқа
01 — Брендбук → сайт

Фирмалық стиль интерфейске қалай айналды

Брендбукте логотип, өрнек‑паттерн, төрт градиент және Geologica қарпі болды. Бұл элементтердің бірде‑бірі экранға арнап ойлап табылмаған — қай жерде жұмыс істейтінін, қай жерде кедергі келтіретінін шешу керек болды.

Градиенттерді бағыттарға бекіттім: турларға — қызғылт сары, визаларға — күлгін, авиабилеттерге — көк, сақтандыруға — жасыл. Сөйтіп пайдаланушы тақырыпты оқымай тұрып‑ақ түсі арқылы бағдарланады.

Паттерн — тек бөлім шапкаларында және промо‑блоктарда, сирек қолданыста. Турлар каталогында ол жоқ: онда онсыз да фото көп.

Geologica — тақырыптарға қою, мәтінге қарапайым кескінде. Брендбуктегі көк түс батырмалар мен сілтемелердің негізгі түсіне айналды, ал ашық фон — бағыттардың фотолары басты болып тұруы үшін.

  • Турларқызғылт сары градиент
  • Визаларкүлгін градиент
  • Авиабилеттеркөк градиент
  • Сақтандыружасыл градиент
02 — Беттер

Басты бет, турлар, бағыттар, авиабилеттер, компания туралы

Басты бетте — тур іздеу, санаттар бойынша бағыттар және визалар мен билеттерге жылдам өту. Бағыт беті ел туралы бәрін жинайды: қонақүйлер, маусым, виза талаптары, бөліп төлеуге турлар.

Басты бет
Басты бет — толық ашу үшін басыңыз
Шетелге турлар
Шетелге турлар — сүзгілер мен карточкалар
Таиланд
Бағыт — Таиланд
Авиабилеттер
Авиабилеттер — іздеу және бөліп төлеу
Компания туралы
Компания туралы
UI‑кит
UI‑кит фрагменті: батырмалар, өрістер, карточкалар, күйлер
03 — Мобильді нұсқа

Телефонға арналған 19 бет

Тур мен билет іздеу формалары бір бағанға қайта құрастырылды: өрістер қатарының орнына қадамдар, ірі батырмалар, жабысқақ «Тур таңдау» батырмасы.

Басты бет — мобильді
Авиабилеттер — мобильді
Сақтандыру — мобильді
04 — Қалай жұмыс істедік

Студия командасында

Жобаны студия менеджері жүргізді, мәтін мен құрылымды клиентпен келістік, әзірлеушілер макеттерді бөлімдер дайын болған сайын алып отырды. Менің аймағым — бүкіл дизайн: UI‑киттен бастап соңғы мобильді бет пен форма күйлеріне дейін.

Сайтты студия іске қосты. Мұнда тірі нұсқаға сілтеме бермеймін: іске қосылғаннан кейін клиент өзгерістерді өз күшімен енгізді, сондықтан қазіргі түрі макеттерден өзгеше.

Жобаңызды талқылаймыз ба?

Құрылым мен аудиттен бастаңыз — бұл тегін
және сізді ештеңеге міндеттемейді