Integray
UX/UI, Web design, Web development
Redesign webu integrační platformy Integray. Od workshopu a analýzy person po nový UX/UI návrh a realizaci na WordPressu s administrací. Cílem bylo jasně vysvětlit, co platforma dělá, pro koho je určena a proč má smysl v B2B prostředí.
Integray je česká iPaaS platforma pro propojování firemních systémů a automatizaci procesů. Přestože platforma nabízí přes 100 konektorů a cílí na B2B segment, web neodpovídal složitosti produktu ani různorodosti návštěvníků, kteří jej posuzují každý z jiné role.
Cíl
Srozumitelný web pro různé role
Cílem bylo upravit strukturu a obsah webu, aby návštěvník rychle pochopil, co Integray je a jaký problém řeší. Web měl také ukázat, jak platforma pomáhá firmám automatizovat a zefektivnit firemní procesy. Důležité bylo, aby fungoval pro různé typy návštěvníků, kteří web vnímají každý jinak – podle toho, zda řeší procesy, technologie, obchod nebo produkt. Proto potřeboval strukturu, která návštěvníka vede od rychlého pochopení k detailnějším informacím dle aktuální potřeby.
UX/UI
Analýza a workshop
Po úvodní telefonické konzultaci a představení platformy jsme navázali online schůzkou. Upřesnili jsme představy a potřeby. Od začátku bylo jasné, že hlavní práce bude na struktuře, srozumitelnosti a prioritizaci informací. Abychom získali dostatek dat, uspořádali jsme u klienta workshop. Prošli jsme platformu do detailu a zaměřili se na praxi: kdo ji používá, kdo ji vyhledává a kdo rozhoduje o jejím nasazení ve firmě. Díky tomu jsme obsah stavěli podle reálných rolí a jejich očekávání, ne podle interního popisu produktu. Po workshopu jsme definovali persony a vytvořili customer journey mapu. Cílem bylo poskládat obsah podle rozhodování návštěvníků a otázek, které si kladou. Analyzovali jsme i zavedenou konkurenci jako referenční rámec. Zjišťovali jsme, jak podobné produkty firmy vysvětlují a jaké informace jsou rozhodující. Všechny podklady jsme sumarizovali do FigJamu, který byl výchozím bodem pro návrh i vývoj.
Struktura a design webu
Dosavadní web neměl vysokou návštěvnost, takže jsme nemuseli dělat drobné změny. Web jsme mohli výrazně přestavět, aby odpovídal aktuálním potřebám služby. Prezentaci jsme zjednodušili a zpřehlednili se zaměřením na to, pro koho Integray je, jaké typy integrací řeší a jak platforma funguje. Přínosy integrací a automatizace jsme chtěli vysvětlit i lidem bez hlubšího technického kontextu. Integray už měl základní vizuální identitu, barvy a typografii. Pro web jsme to rozšířili do kompletního systému: hierarchie, komponenty a pravidla. Výsledek tak působí čistě a důvěryhodně. Design jsme doplnili krátkými animacemi, které ukazují princip fungování platformy rychleji než dlouhý text.
Vývoj
Platforma a administrace
Klient chtěl přístup do administrace, aby mohl web spravovat bez našeho zásahu. Zvolili jsme WordPress a licencovaný vizuální editor stránek. Díky široké nabídce pluginů jsme se mohli soustředit na potřeby projektu. Nemuseli jsme tvořit věci, které už jsou hotové a ověřené. Po odsouhlasení základního vizuálu jsme nastavili web tak, aby byly globální styly na jednom místě. Změna pak není problém a přispívá ke konzistenci webu.
Kompletace a testování
Po dokončení textace, kterou jsme řešili externě, jsme naplnili web obsahem. Poté jsme doplnili grafické podklady: animace, loga a další prvky. Následovalo testování formulářů, responzivity a funkcí webu na různých zařízeních. Provedli jsme optimalizaci rychlosti, doladili animace, provedli základní SEO nastavení a připravili web na produkci.
Copywriting
Technické téma v čitelné formě
Potřebovali jsme převést mnoho textového obsahu do čtivé a strukturované podoby. Zapojili jsme proto externí copywriterku, s níž jsme už spolupracovali. Její osobitý styl a přístup se líbil nám i klientovi. Výsledkem jsou texty, které mají profesionální B2B tón a jsou zároveň srozumitelné.
Po spuštění
Migrace a dlouhodobý provoz
Po doladění detailů jsme web spustili na klientově serveru a přemigrovali jej na produkční doménu. Zajistili jsme konzistenci odkazů, aby stránky nepřišly o pozice ve vyhledávačích. Nasadili jsme analytické nástroje a správně nastavili cookies lištu. Výsledkem je web, který Integray může dlouhodobě rozvíjet. Klient má administraci, obsah je flexibilní a prezentace produktu je lépe srozumitelná pro B2B publikum.
Použité technologie
Design
- Figma
Web
- Wordpress
- Breakdance