• Корпоративтік сайт
  • UX/UI дизайны
  • Әзірлеу

Medi-Art.
Қамқорлық танысудан басталады

Медициналық орталықтың жаңа сайты: байсалды стиль, дәрігерлермен танысу және өтінішке апаратын түсінікті жол.

Жобаны талқылау
Medi-Art мобильді нұсқасы
Клиент
Medi-Art
Сала
Медициналық орталық
ABC жұмысы
Толық циклді әзірлеу
Мәртебе
Іске қосуға дайындалуда

Жобаның міндеті

Алғашқы өтінішке апаратын түсінікті жол

Medi-Art-тың интернеттегі бейнесін жаңартып, клиникамен танысуды бірізді ету: келушіге қажетті бағытты табуға, мамандарды зерттеуге және байланысу тәсілін таңдауға көмектесу.

Біз брендпен танысуды келушінің нақты әрекеттерімен байланыстырдық. Ақпараттық бөлімдер мен пайдаланушы сервистерінің ортақ құрылымда өз орны бар.

ABC Design дизайн мен әзірлеуді орындады. Бұл кейсте жобаның визуалды жүйесі мен негізгі пайдалану сценарийлерін көрсетеміз.

Үш міндет — үш түсінікті жол

Өз мақсатыңыздан бастап, қажетті бөлімге өтіңіз.

Бағыт табу

Бағыт табу

Өз міндетіңізден клиника бейіндері мен бағдарламаларына өту.

Бейіндер · Бағдарламалар
Маман таңдау

Маман таңдау

Командамен танысып, дәрігер бетін зерттеу.

Дәрігерлер · Мамандықтар
Клиникаға жүгіну

Клиникаға жүгіну

Танысқаннан кейін қолайлы байланыс тәсілін таңдау.

Байланыс · Өтінім

Тұжырымдама және визуалды тіл

Байсалдылық — композицияның өзінде

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

Medi-Art жобасының визуалды тілі
Medi-Art жобасының визуалды тілі
Біртұтас визуалды тіл

Алғашқы танысудан
келесі әрекетке дейін

Визуалды жүйенің бөлшектері

Жалпы әсер ұсақ бөлшектерден құралады

Әр тәсілдің ортақ тарихта өз міндеті бар.

Medi-Art жобасының визуалды тіліТүс · Бейне · Композиция

Алғашқы әсер

Ірі визуалды екпін брендтің сипатын таныстырады. Типографика мен суреттер басты ойға назар аудартады.

Medi-Art жобасының визуалды тіліҚұрылым · Екпін · Иерархия

Бірізді ырғақ

Ақпараттық және эмоциялық блоктар кезектесіп отырады. Келуші танысудан өзіне қажетті тақырыпқа біртіндеп өтеді.

Medi-Art жобасының визуалды тіліСуреттер · Типографика · Түс

Материалдардың ортақ сипаты

Фотосуреттер, заттық графика және интерфейс үйлесімді жүйеге біріктірілген. Бөлшектер сайттың жалпы стилін толықтырады.

Құрылым және ұсыну тәсілі

Әсерден —
мазмұнға

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

Каталог дәрігерлерді бірізді форматта таныстырады. Фотосурет пен мамандануынан келуші толық профильге өтеді.

Medi-Art сайтының үзіндісі
Визуалды жүйе ішкі беттерде де жалғасады.
Medi-Art сайтының үзіндісі
Фотосуреттер мен мәтін клиникамен танысуға көмектеседі.
Medi-Art сайтының үзіндісі
Сайттың визуалды стилінен алынған үзінді.

Мобильді нұсқа

Сол сипат.
Басқа өлшем

Визуалды жүйе шағын экранда да жалғасады.

Мазмұн тік айналдыруға бейімделеді. Суреттердің пропорциясы, ал тақырыптар мен әрекет түймелерінің иерархиядағы орны сақталады.

Әр экран жобаның ортақ визуалды тілін жалғастырады.

Medi-Art мобильді экраны
Дербес сценарий
Medi-Art мобильді экраны
Үйлесімді иерархия

Сайт сценарийлері

Клиника командасы

Каталог дәрігерлерді бірізді форматта таныстырады. Фотосурет пен мамандануынан келуші толық профильге өтеді.

Бағдарламаларға жеке бет қарастырылған. Кіріспе ақпарат, мазмұны және өтінімге өту ретімен берілген.

Интерфейс келушінің нақты міндетін шешуге көмектесіп, сайттың ортақ құрылымымен байланысын сақтайды.

Medi-Art жобасының жұмыс сценарийі
Medi-Art экраны. Ұзын суретті айналдыруға немесе бөлек ашуға болады.
Пайдаланушының міндеті

Керегін табу.
Егжей-тегжейін білу.
Әрекетті жалғастыру.

Жалпы түсініктен — егжей-тегжейге

Келушінің жолында әр бөлімнің өз міндеті бар.

Medi-Art жобасының жұмыс сценарийі
Танысу

Клиника командасы

Каталог дәрігерлерді бірізді форматта таныстырады. Фотосурет пен мамандануынан келуші толық профильге өтеді.

Medi-Art жобасының жұмыс сценарийі
Толығырақ

Бағдарламалар мен бағыттар

Бағдарламаларға жеке бет қарастырылған. Кіріспе ақпарат, мазмұны және өтінімге өту ретімен берілген.

Сайттағы навигация мен байланыс
Пайдаланушы жолының жалғасы

Түсінікті келесі қадам

Ақпарат пен навигация бір-біріне қатысы жоқ беттерден іздемей-ақ, жобамен танысуды жалғастыруға көмектеседі.

Экрандарды толығырақ қарау
Medi-Art жобасының жұмыс сценарийі
Medi-Art экраны. Ұзын суретті айналдыруға немесе бөлек ашуға болады.
Medi-Art жобасының жұмыс сценарийі
Medi-Art экраны. Ұзын суретті айналдыруға немесе бөлек ашуға болады.

Дизайнның қолданысы

Дербес бөлімдер.
Біртұтас интерфейс тілі

Әртүрлі міндеттер бөлек беттерде ашылады. Ортақ навигация мен үйлесімді стиль оларды бір сайтқа біріктіреді.

Клиника командасы — Medi-Art
Клиника командасы. Экранды ноутбук макетінің ішінде айналдыруға болады.

Сценарийлер арасындағы байланыс

Бір құрылым.
Әртүрлі кіру нүктелері

Эмоциялық таныстырылым мен егжей-тегжейлі материалдар әртүрлі міндет атқарғанымен, ортақ құрылым аясында өзара байланысады.

Medi-Art экраны. Ұзын суретті айналдыруға немесе бөлек ашуға болады.Medi-Art сайтының құрылымы
Брендпен танысуБейне және негізгі ақпаратНақты міндетТолық мәлімет және келесі қадам

Жұмыс нәтижесі

Клиниканың жаңа бейнесі. Түсінікті құрылым

Medi-Art үшін жаңа дизайн дайындалды: визуалды жүйе, мамандар мен бағдарламалар беттері, мобильді композициялар және өтініш сценарийі. Жаңа нұсқа іске қосуға дайындалуда.

Medi-Art жобасындағы жұмыс нәтижесі
Визуалды жүйе

Байсалдылық — композицияның өзінде

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

Medi-Art жобасындағы жұмыс нәтижесі
Жұмыс сценарийлері

Клиника командасы

Каталог дәрігерлерді бірізді форматта таныстырады. Фотосурет пен мамандануынан келуші толық профильге өтеді.

Міндетіңізді талқылайық

Келесі жобаңыз

Нені өзгерткіңіз келетінін айтыңыз. Командаңызға арналған сайт пен цифрлық құралдарды талқылайық.

Жобаны WhatsApp арқылы талқылау
↑