Uptim.ai: CMS pro SaaS

moderní design prezentačního webu
efektní animace v návaznosti na design
uživatelská sekce se správou zakoupených licencí
responzivita
vyhledávání PDF dokumentů v dokumentaci
speciální sekce s dokumentací nabízeného softwaru

Zadání

Tým Uptim.ai nás oslovil s požadavkem na návrh designu a realizaci moderního prezentačního webu s uživatelskou sekcí, určenou ke správě uživatelských licencí.

Součástí zadání pak bylo i vytvoření druhé části webu, která uživatelům zprostředkovává dokumentaci a tutoriály k softwaru dodávanému společností Uptim.ai.

CO JSME POUŽILI

Technologie a služby

Práce na projektu nám zabrala čtvrt roku a podíleli se na ní backendový a frontendový vývojář, designer, projektový manažer a tester.

Tvorba webových stránek, Vývoj CMS na míru, UI/UX design

React, Next.js, Strapi, Docusaurus

PROCES TVORBY V 10 KROCÍCH

Tvorba webových stránek

V rámci spolupráce jsme navrhli a následně realizovali prezentační web určený k propagaci softwaru nabízeného společností Uptim.ai a související sekci s dokumentací.

1Úvodní konzultace
Prvním krokem spolupráce byla série konzultací, v rámci níž jsme si s klientem ujasnili všechny požadavky na digitální produkt.
2Průzkum trhu a konkurence
3Příprava wireframu a prototypu
4Výběr technologií
5Plán vývoje a cenová nabídka
6Návrh UX/UI designu
7Tvorba CMS na míru
8Tvorba webových stránek
9Testování a optimalizace
10Nasazení mezi uživatele

Detail řešení

Začátek spolupráce na každém projektu se vždy nese ve znamení úvodních konzultací, které jsou skvělým prostředkem ke správnému pochopení mezi vývojářem a klientem.

Klient si navíc často ujasní svá očekávání a dokáže lépe definovat cíle finálního digitálního produktu.

Poznatky získané díky těmto konzultacím jsme doplnili o výstupy z průzkumu trhu a konkurenčních řešení a následně jsme je zúročili při přípravě wireframů a prototypu, které byly prvním hmotným výstupem našeho snažení.

Po přípravě prototypu přišel čas na návrh UX/UI designu. Na základě požadavků z konzultací jsme pro klienta připravili jednoduchý, moderní návrh designu, který jsme doplnili decentními, efektními animacemi.

Samozřejmostí je pak optimalizace responzivity, která zajišťuje pohodlné používání a procházení stránek na zařízeních nejrůznějších úhlopříček.

Po odsouhlasení návrhu přišla na řadu techničtější část, a sice tvorba custom CMS, které by odpovídalo požadavkům klienta. K tomuto účelu jsme využili technologii Strapi, která umožňuje upravit a dále rozšířit základní, již vytvořené, CMS. Díky tomu jsme dokázali vytvořit administraci webu, která splňuje všechny nároky a současně jsme ušetřili značnou část nákladů, které by stála příprava CMS “od nuly”.

CMS jsme stejně jako celou prezentační část webu přizpůsobovali aktuálním požadavkům technické optimalizace pro vyhledávače (SEO), abychom stránkám zajistili dobré umístěné ve výsledcích vyhledávačů.

Samotnou prezentační část stránek jsme následně doplnili o uživatelskou sekci, prostřednictvím které mohou klienti Uptim.ai spravovat své zakoupené licence.

Posledním dílem skládačky pak bylo vytvoření subdomény s dokumentací softwaru nabízeného společností Uptim.ai. K tomuto účelu jsme využili platformu Docusaurus, která se zaměřuje na správu komplexnějšího obsahu webových stránek.

Přidali jsme sem také pokročilé vyhledávání, které zajistí přehlednější správu PDF dokumentů.

PŘIDANÁ HODNOTA

Jak jsme pomohli

Tým Rascasone nadesignoval a naprogramoval responzivní webové stránky s členskou sekcí a subdoménou s dokumentací a tutoriály k nabízenému softwaru.

Máme rádi projekty, při kterých do nás klient vloží maximální důvěru a svěří nám přípravu digitálního produktu se všemi souvisejícími službami. Tento přístup přináší výhody pro obě strany – klient díky němu komunikuje pouze s jedním dodavatelem a my víme, že budou všechny úkoly provedené pečlivě a včas.

Klientovi děkujeme za projevenou důvěru a přejeme spoustu úspěchů do budoucna!

Vybrané projekty

Zobrazit

Nvision: Elektronické komponenty

Tvorba moderního prezentačního webu s administrací (CMS) na míru pro předního výrobce elektronických komponent, společnost NVision

Zobrazit

Stavebnictví

Kerosin: Digitální staveniště

Moderní webová aplikace, která převádí návrh staveniště do digitální podoby, usnadňuje plánování zařízení a okamžitě vypočítává náklady na výstavbu.

Zobrazit

Stavebnictví

Swietelsky: Údržba strojů online

Informační systém pro správu a údržbu strojů

Zobrazit

Blocheck: Digitální pronájem

Vývoj webové aplikace, která digitalizuje proces pronájmu nemovitosti

Zobrazit

HR (lidské zdroje)

H2: Chytrý nábor a HR

Cloudová webová aplikace, která automatizuje proces náboru nových zaměstnanců a jejich správu

Zobrazit

Zdravotnictví

Digičekárna: Rezervace k lékaři

Mobilní aplikace a moderní rezervační systém pro efektivnější chod čekárny a správu pacientů

Zobrazit

Makléře Nechci: Prodej bez makléře

Vývoj webové aplikace, která zjednodušuje prodej domů a bytů

Zobrazit

QR Cards: Editor QR štítků

Webová aplikace pro vytváření samolepek a dalších tiskovin

Zobrazit

ARA: GIS v rozšířené realitě

Mobilní (tabletová) aplikace pro iPadOS, která prostřednictvím rozšířené reality vizualizuje data získaná z Geografického informačního systému (GIS).

Zobrazit

Finance

Viably: Šeky v mobilu

Multiplatformní mobilní aplikace pro Android a iOS určená k digitalizaci šeků pro finanční platformu

Zobrazit

Lumyros: Síť pro lovce světla

Mobilní aplikace, která slouží jako sociální síť pro lovce polárních září.

Zobrazit

AMF ČRA: Fotbalová appka

Mobilní aplikace přinášející přehled výsledků napříč různými soutěžemi Malého fotbalu a mobilní aplikace usnadňující organizaci fotbalových turnajů

Zobrazit

Pinstriped: Chytré meetingy

Cloudová webová aplikace usnadňující organizaci a správu meetingů

Zobrazit

Zdravotnictví

VideoDoktor: Lékař na videu

Multiplatformní mobilní aplikace pro Android a iOS zprostředkovávající zabezpečený videohovor mezi lékařem a pacientem.

Zobrazit

Where To Play: Tvoje eventy

Cloudová webová aplikace usnadňující organizaci a správu meetingů

Zobrazit

Viewlay: Místní akce online

Sociální síť, se kterou máte přehled o okolním dění

Zobrazit

HR (lidské zdroje)

Labormex: Appka pro HR

Mobilní aplikace pro Android zprostředkovávající nábor zaměstnanců pro HR agenturu Labormex

Zobrazit

Rentalio: Web pro pronájem

Responzivní prezentační web s moderním designem

Zobrazit

ReLaw: Právní dokumenty online

Vývoj informačního systému pro advokátní kanceláře s notifikačním centrem a dashboardem.

Zobrazit

Evo Motorsport: Web pro tým

Tvorba responzivního webu s elegantním designem.

Zobrazit

Flatzone: Realitní data online

Webová aplikace s nabídkou realit, která formou katalogu zpracovává informace z různých realitních serverů a shromažďuje je na jedno místo

Zobrazit

Designated Workspace: Ergonomie online

Vývoj webové aplikace, která pomáhá zlepšit ergonomii pracovního prostředí a současně slouží jako prostředek k zisku e-mailových adres.

Zobrazit

Eventy

Xplór: Turistika s odměnou

Mobilní aplikace s tipy na zajímavé turistické cíle s uživatelskou sekcí a odměnovým systémem

Zobrazit