Ең жақын станция
Желі картасы брендпен танысудан нақты жанармай құю орнына өтуге көмектеседі.
Карта · Желі географиясыHelios.
Жол бойындағы сервистер
Станция табуға, жанармаймен танысуға және смарт-карта мүмкіндіктерін түсінуге көмектесетін жанармай құю станциялары желісінің сайты.
Жобаны талқылау
- Клиент
- Helios
- Сала
- Жанармай құю станциялары желісі
- ABC жұмысы
- Толық циклді әзірлеу
- Формат
- Корпоративтік сайт
Жобаның міндеті
Жай ғана станциялар желісі емес. Жол бойындағы сервистер
Сайтқа әртүрлі мақсатпен кіреді: станция табу, жанармай туралы білу немесе адалдық бағдарламасын түсіну. Әр мақсатқа құрылымда жеке кіру жолы қарастырылған.
Біз брендпен танысуды келушінің нақты әрекеттерімен байланыстырдық. Ақпараттық бөлімдер мен пайдаланушы сервистерінің ортақ құрылымда өз орны бар.
ABC Design дизайн мен әзірлеуді орындады. Бұл кейсте жобаның визуалды жүйесі мен негізгі пайдалану сценарийлерін көрсетеміз.
Үш міндет — үш түсінікті жол
Өз мақсатыңыздан бастап, қажетті бөлімге өтіңіз.
Картаның мүмкіндіктері
Жеке бөлім адалдық бағдарламасын және смарт-картаны пайдалануды түсіндіреді.
Адалдық бағдарламасы · Смарт-карта
Жанармайдан да көп
Желінің дүкендері мен сервистері жүргізушінің негізгі жолын толықтырады.
Дүкендер · СервисТұжырымдама және визуалды тіл
Танымалдық — түсте. Қолайлылық — құрылымда
Helios-тың сары түсті екпіндері интерфейсті нақты станциялармен байланыстырады. Ірі жарнамалық блоктар алғашқы әсерді қалыптастырады, ал карта мен смарт-картаға жеке сілтемелер қажетті әрекетке тез өтуге көмектеседі.
Біртұтас визуалды тіл
Алғашқы танысудан
келесі әрекетке дейін
Визуалды жүйенің бөлшектері
Жалпы әсер ұсақ бөлшектерден құралады
Әр тәсілдің ортақ тарихта өз міндеті бар.
Түс · Бейне · КомпозицияАлғашқы әсер
Ірі визуалды екпін брендтің сипатын таныстырады. Типографика мен суреттер басты ойға назар аудартады.
Құрылым · Екпін · ИерархияБірізді ырғақ
Ақпараттық және эмоциялық блоктар кезектесіп отырады. Келуші танысудан өзіне қажетті тақырыпқа біртіндеп өтеді.
Суреттер · Типографика · ТүсМатериалдардың ортақ сипаты
Фотосуреттер, заттық графика және интерфейс үйлесімді жүйеге біріктірілген. Бөлшектер сайттың жалпы стилін толықтырады.
Құрылым және ұсыну тәсілі
Әсерден —
мазмұнға
Helios-тың сары түсті екпіндері интерфейсті нақты станциялармен байланыстырады. Ірі жарнамалық блоктар алғашқы әсерді қалыптастырады, ал карта мен смарт-картаға жеке сілтемелер қажетті әрекетке тез өтуге көмектеседі.
Жанармай құю станциялары желісі үшін география — қызметтің бір бөлігі. Карта дербес сценарий ретінде берілген: келуші қажетті станцияны жаңалықтар мен жарнамалық материалдардың арасынан іздемейді.
Мобильді нұсқа
Сол сипат.
Басқа өлшем
Визуалды жүйе шағын экранда да жалғасады.
Мазмұн тік айналдыруға бейімделеді. Суреттердің пропорциясы, ал тақырыптар мен әрекет түймелерінің иерархиядағы орны сақталады.
Әр экран жобаның ортақ визуалды тілін жалғастырады.
Сайт сценарийлері
Станция — картадағы нақты нүкте
Жанармай құю станциялары желісі үшін география — қызметтің бір бөлігі. Карта дербес сценарий ретінде берілген: келуші қажетті станцияны жаңалықтар мен жарнамалық материалдардың арасынан іздемейді.
Смарт-картаның мүмкіндіктері жеке бетте ашылған. Бағдарламаның өз визуалды стилі бар, ал навигация мен үйреншікті интерфейс элементтері бүкіл сайтқа ортақ.
Интерфейс келушінің нақты міндетін шешуге көмектесіп, сайттың ортақ құрылымымен байланысын сақтайды.
Пайдаланушының міндеті
Керегін табу.
Егжей-тегжейін білу.
Әрекетті жалғастыру.
Жалпы түсініктен — егжей-тегжейге
Келушінің жолында әр бөлімнің өз міндеті бар.
Танысу
Станция — картадағы нақты нүкте
Жанармай құю станциялары желісі үшін география — қызметтің бір бөлігі. Карта дербес сценарий ретінде берілген: келуші қажетті станцияны жаңалықтар мен жарнамалық материалдардың арасынан іздемейді.
Толығырақ
Түсінікті адалдық бағдарламасы
Смарт-картаның мүмкіндіктері жеке бетте ашылған. Бағдарламаның өз визуалды стилі бар, ал навигация мен үйреншікті интерфейс элементтері бүкіл сайтқа ортақ.
Пайдаланушы жолының жалғасы
Түсінікті келесі қадам
Ақпарат пен навигация бір-біріне қатысы жоқ беттерден іздемей-ақ, жобамен танысуды жалғастыруға көмектеседі.
Экрандарды толығырақ қарау
Дизайнның қолданысы
Дербес бөлімдер.
Біртұтас интерфейс тілі
Әртүрлі міндеттер бөлек беттерде ашылады. Ортақ навигация мен үйлесімді стиль оларды бір сайтқа біріктіреді.
Сценарийлер арасындағы байланыс
Бір құрылым.
Әртүрлі кіру нүктелері
Эмоциялық таныстырылым мен егжей-тегжейлі материалдар әртүрлі міндет атқарғанымен, ортақ құрылым аясында өзара байланысады.
Helios сайтының құрылымыБрендпен танысуБейне және негізгі ақпаратНақты міндетТолық мәлімет және келесі қадам
Жұмыс нәтижесі
Бренд пен күнделікті міндеттер — бір сайтта
Сайт Helios таныстырылымын жүргізушіге қажетті практикалық ақпаратпен біріктіреді: станциялар желісі, сервистер және адалдық бағдарламасы. Жарқын стильдің негізінде түсінікті құрылым жатыр.
Визуалды жүйе
Танымалдық — түсте. Қолайлылық — құрылымда
Helios-тың сары түсті екпіндері интерфейсті нақты станциялармен байланыстырады. Ірі жарнамалық блоктар алғашқы әсерді қалыптастырады, ал карта мен смарт-картаға жеке сілтемелер қажетті әрекетке тез өтуге көмектеседі.
Жұмыс сценарийлері
Станция — картадағы нақты нүкте
Жанармай құю станциялары желісі үшін география — қызметтің бір бөлігі. Карта дербес сценарий ретінде берілген: келуші қажетті станцияны жаңалықтар мен жарнамалық материалдардың арасынан іздемейді.
Міндетіңізді талқылайық
Келесі жобаңыз
Нені өзгерткіңіз келетінін айтыңыз. Командаңызға арналған сайт пен цифрлық құралдарды талқылайық.
