Байланысу

КейстерОнлайн-кассаның редизайны

re:Kassa онлайн-кассасының редизайны: телефон мен компьютерге арналған 100+ экран

re:Kassa онлайн-кассасы телефон мен компьютерге арналған жаңа интерфейсті алды: негізгі сценарийлер Jobs to be Done әдіснамасы бойынша қайта құрылды, ал экрандар бірыңғай дизайн-жүйеге жинақталды.

100+
телефон мен компьютерге арналған экран
JTBD
редизайн негізделген әдіс
Клиент
re:Kassa
Сегмент
Бизнеске арналған онлайн-касса
Ел
Қазақстан
Жыл
2024
Шешім
Discovery

re:Kassa — Қазақстанның шағын және орта бизнесіне арналған тегін онлайн-касса: кәсіпкер чек шығарады, ауысымды жүргізеді және есептерді тікелей телефоннан немесе компьютерден қарайды. 2024 жылы сервистің 700 мыңнан астам пайдаланушысы болды және ол елдегі онлайн-кассалар нарығының шамамен 35%-ын алды (Digital Business); ол кезде сервис Freedom Holding құрамында болды.

Касса — әр сатып алуда қолданылатын құрал: сатушы оны кезек тұрғанда, көбіне бір қолымен ашады. Сондықтан сатудағы әрбір артық қадам бірден байқалады.

Тапсырма

Телефон мен компьютерге арналған қосымшаның UI/UX-ін жаңарту: негізгі сценарийлерді жеңілдету, интерфейсті заманауи әрі біркелкі ету және өнімді одан әрі дамытуға негіз қалау.

Тәсіл: Jobs to be Done

Редизайн экрандардан емес, кәсіпкер кассаны ашатын міндеттерден бастап құрылды: сатуды өткізу, ауысымды ашу және жабу, есепті қарау, чек пен принтерді баптау. Осылайша интерфейс өнімнің ішкі құрылымына емес, пайдаланушылардың нақты қажеттіліктері мен күтулеріне бейімделді.

Жұмыс қалай жүрді

  1. «Қазіргі күйдегі» процесс (As Is). Ағымдағы сценарийлер талданып, проблемалы нүктелер анықталды. Солардың негізінде — «болашақ күйдегі» процесс (To Be): қадамдар азырақ, экрандар арасындағы байланыс түсініктірек.
  2. Өнім және пайдаланушылар. Мақсатты сегменттің процестері мен қажеттіліктері, жалпы өнімнің CX-і және негізгі сценарийлердің user flow-ы.
  3. Прототиптер — low-fi-дан hi-fi-ға дейін. Алдымен экрандардың логикасы мен реттілігі, содан кейін детальдар.
  4. Дизайн-жүйе және UI-кит. Ортақ ережелер мен компоненттер: экрандар біркелкі көрінеді, ал жаңа функциялар тезірек жиналады.
  5. Түпкілікті дизайн — мобильді және десктоп нұсқаларына.
re:Kassa мобильді қосымшасының экрандары: басты экран, сату калькуляторы, чек позициялары және ауысым

Жаңа интерфейске не кірді

  • Алғашқы танысу — онбординг, кіру және кассаны қадам бойынша тіркеу.
  • Басты экран — касса мен ауысымның күйі: дәл қазір не істеу керек.
  • Сату — барлық күйлері мен кеңестері бар екі сценарий.
  • Ауысым және X-есеп.
  • Баптаулар — кассалар, чек, принтер, прайс-парақ, пайдаланушылар, профиль және үшінші тарап қосымшалары.
  • Касса ішіндегі бизнеске арналған сервистер — мысалы, Freedom Box және Freedom Credit.
re:Kassa десктоп нұсқасы: ағымдағы ауысым мен бизнеске арналған сервистер көрсетілген басты экран

Барлық экрандар бір дизайн-жүйеге жинақталған: палитра, типографика және компоненттер телефон мен компьютер үшін ортақ.

re:Kassa дизайн-жүйесінің түстер палитрасы: негіз, мәтін мен батырмалар, акцент түстері

Нәтиже

re:Kassa телефон мен компьютерге арналған жаңартылған интерфейсті және жаңа экрандар құрылатын дизайн-жүйені алды. Бұл тек жаңа безендіру емес: кассаның негізгі сценарийлері қысқарып, түсініктірек болды, ал өнімнің дамуы үшін берік негіз пайда болды.

Басқа кейстер

Сұраныс жіберу Банкте нені жұмыс күйіне жеткізу керектігін айтыңыз — менеджер сізбен байланысады.
ТТ немесе презентация, 10 МБ-қа дейін