Főoldal > Projektek > Network API Portfolio

Network API Portfolio.

Network API Portfolio

CAMARA-kompatibilis fejlesztői portál, ahol a partnerek felfedezhetik, megérthetik és igényelhetik a hálózati API-kat. A tervezést alapítónk, Gabriel, vezette és készítette el a _VOIS vezető UX/UI-tervezőjeként, a Vodafone Group Commercial számára, működő, kódolt prototípusként, amely több mint 40 piacra skálázható.

1 / 2

Vissza a munkákhoz

Dátum 2026

Készült _VOIS a Vodafone Group Commercial számára

Kategória Fejlesztői portál · SharePoint és Eloqua

Címkék UX/UI, B2B, API, Vodafone, fejlesztői portál

Web · Fejlesztői portálCAMARA nyílt átjáró_VOIS a Vodafone Group Commercial számára

Hetekig tartó kézi ügyintézés helyett egyetlen vezetett út.

A Network API Portfolio CAMARA-kompatibilis fejlesztői portál, ahol a Vodafone partnerei felfedezhetik, megérthetik és igényelhetik a hálózati API-kat, például a SIM Swapot, a Number Verifyt és az Age Verifyt. Tervezését alapítónk, Gabriel, vezette és készítette el a _VOIS vezető UX/UI-tervezőjeként, a Vodafone Group Commercial számára. Működő, kódolt prototípusként készült el, amely több mint 40 piacra skálázható.

Szerep: Vezető UX/UI tervezőA kutatástól a kódolt prototípusig
Platform: Webes fejlesztői portálNyilvános oldal + partnerportál
Szabvány: CAMARA nyílt átjáróMicrosoft SSO
Lépték: Több mint 40 piacPiaconkénti újraépítés nélkül

A teljes esettanulmány elolvasása

01 Kiinduló helyzet

Hiányzott a bejárat a Vodafone hálózatához.

A hálózati API-k révén a partnerek olyasmit építhetnek, amit csak egy mobilszolgáltató kínálhat: egy telefonszám háttérben történő ellenőrzését, egy friss SIM-csere észlelését a fiókeltérítés megakadályozására, vagy a felhasználó életkorának megerősítését személyes adatok felfedése nélkül. A technológia létezett. A bejárat nem.

Minden API-nak saját dokumentációja, saját hitelesítése és saját belépési útja volt, a hozzáférés pedig kézzel ment: hetekig tartó egyeztetés, mielőtt egy partner egyáltalán elkezdhette volna.

„Azt sem tudom megmondani, mely API-kat használhatom.” Egy partnerfejlesztő a feltárás során.

Ami nem működött

Nem volt egyetlen hely az API-k felfedezésére, aktiválására és tesztelésére
Minden API-csapat saját dokumentációt és hitelesítési mintát tartott fenn
Kézi beállítás minden lépésnél
Hetek csak a hozzáférésig, és semmilyen rálátás a használatra

Network API Portfolio: A nyilvános portál: értékajánlat, partnerlogók, az API-katalógus és az út a felfedezéstől az éles használatig. Görgessen a kereten belül. — A nyilvános portál: értékajánlat, partnerlogók, az API-katalógus és az út a felfedezéstől az éles használatig. Görgessen a kereten belül.

02 Szerepünk

Kutatás, architektúra és egy valóban működő portál.

Gabriel vezette a teljes tervezést: workshopokat a Vodafone termékmenedzsereivel, partnerfejlesztőkkel és API-üzemeltetési csapatokkal; a kettős portál információs architektúráját; a CAMARA-hoz igazodó mintákat; a design systemet; és a vezetett folyamatokat, amelyek hetekig tartó egyeztetést váltanak ki. A fő átadott eredmény egy Figma Make-ben épített, működő, kódolt prototípus, valódi navigációval, valódi állapotokkal, világos és sötét témával.

Amiért mi feleltünk

Érintetti kutatás és fejlesztői élmény
Információs architektúra és a kettős hozzáférési modell
A nyilvános oldal, a partnerportál és az adminisztrációs irányítópult felülete
E-mail-sablonok és a dokumentumok egységesítése
Design system és kódolt prototípus Figma Make-ben

Akik formálták

A Vodafone termékmenedzserei: üzleti modell és ütemterv
Partnerfejlesztők: ahol a súrlódás valójában rejlett
API-üzemeltetési csapatok: akik a kézi onboardingot vitték
Az üzleti partner és a termékgazda: prioritások és jóváhagyás

Network API Portfolio: Playbook: hogyan működik, a megvalósítási modell és a referenciaarchitektúra. — Playbook: hogyan működik, a megvalósítási modell és a referenciaarchitektúra.

Network API Portfolio: API-specifikáció: végpontok, metódusok, hitelesítés és hibák, egyértelmű úttal a hozzáférés igényléséhez. — API-specifikáció: végpontok, metódusok, hitelesítés és hibák, egyértelmű úttal a hozzáférés igényléséhez.

03 Kulcsdöntések és kompromisszumok

Négy döntés, amelytől egyetlen termék lett.

Egy portál vagy kettő? Kettős belépés.

A partnereknek és a belső fejlesztőknek egészen eltérő navigációra és jogosultságokra van szükségük.

Mérlegelt lehetőségek

Egy termék mindenkinek (mindkét félnek zavaros), vagy két külön termék (kétszeres tervezés, kód és széttartás).

A döntés

Egyetlen design system és hitelesítési réteg két belépési ponttal és jogosultsági körrel: ugyanazok a komponensek, eltérő navigáció és hozzáférés.

Amit cserébe vállaltunk

Több átgondolás a jogosultsági modellben, de minden célcsoport a céljának megfelelő élményt kap, a termék kettéágazása nélkül.

A CAMARA mint tervezési korlát, az első naptól

Az API-k közötti következetlen dokumentáció és hitelesítés rombolta a bizalmat és a sebességet.

Mérlegelt lehetőségek

A megfelelőséget utólagos ellenőrzésként kezelni, vagy minden sémát, dokumentációt és folyamatot köré tervezni.

A döntés

Minden API specifikációját, dokumentációját és onboardingját a CAMARA-hoz igazítani, hogy aki egy API-t megtanult, a következőt már ismerje.

Amit cserébe vállaltunk

Kevesebb szabadság API-nként, cserébe egy kiszámítható portál, amely újraépítés nélkül telepíthető a piacokon.

Minden a jogosultság köré szervezve

A partnereknek először azt kell tudniuk, mit használhatnak.

Mérlegelt lehetőségek

A szerződéses állapotot elrejteni egy menüben, vagy minden kártyán a leghangsúlyosabb jelzéssé tenni.

A döntés

Bejelentkezés Microsoft SSO-val, és minden API-kártya első ránézésre mutatja, hogy szerződött vagy elérhető, a kerethez mért élő használattal.

Amit cserébe vállaltunk

Sűrűbb kártyákat kell tervezni, de nincs találgatás a hozzáféréssel kapcsolatban.

Kódolt prototípus, nem statikus képernyők

Egy fejlesztői eszköznél a hitelességet az adja, ha valami működik.

Mérlegelt lehetőségek

Statikus látványtervek (gyorsak, de nem bizonyítják a folyamatot és az állapotokat), vagy egy működő verzió.

A döntés

Kódolt prototípus Figma Make-ben, valódi navigációval, betöltési és jogosultsági állapotokkal, világos és sötét témával.

Amit cserébe vállaltunk

Több fejlesztési munka az elején; az érintettek és a tesztelők ténylegesen használhatták, nem csak nézhették.

Network API Portfolio: Irányítópult: szerződött API-k a kerethez mért használattal, aktivitással és következő lépésekkel. — Irányítópult: szerződött API-k a kerethez mért használattal, aktivitással és következő lépésekkel.

Network API Portfolio: Katalógus: minden API aktívként, szerződöttként vagy hozzáadhatóként jelölve. — Katalógus: minden API aktívként, szerződöttként vagy hozzáadhatóként jelölve.

04 Eredmények

Mérhető javulás a fejlesztői élményben.

64%gyorsabb feladatvégzés a korábbi eszközkészlethez képest, használhatósági tesztek alapján

3×gyorsabb onboarding: hetekig tartó egyeztetés helyett napok

40+ország, ahová újraépítés nélkül skálázható

0támogatási jegy szükséges az induláshoz

Egy egységes portál váltotta fel a szétszórt dokumentációt és a hetekig tartó kézi egyeztetést. Az eredményeket a program mérte, partnerfejlesztőkkel végzett használhatósági tesztekkel, három valós integrációs forgatókönyvben, és a projekt üzleti partnere osztotta meg.

Minden részletre kíváncsi?

A teljes esettanulmány tartalmazza a kutatást, a folyamatokat és az összes képernyőt.

A teljes esettanulmány elolvasása

Hasonló kihívás előtt áll? Beszéljünk.

Foglaljon 30 perces hívást