Fintech — webdesign
Arc
Egy berlini vagyonkezelő cég elavult weboldalát migráltuk és építettük újra Framerben, majd a design rendszert nyilvános sablonná alakítva a Framer piacterén is megjelentettük.
Élő oldal megtekintése ↗
Ügyfél
Év
Szolgáltatások
Iparág
Technológia
A megbízás egy elavult, a cég növekedését már nem kiszolgáló weboldal migrálására és teljes újratervezésére szólt. A design rendszert később önálló, nyilvánosan elérhető Framer sablonná fejlesztettük tovább Arc Wealth néven.
Az ügyfél egy közepes méretű, sikeres magánszemélyeket, sportolókat és művészeket kiszolgáló vagyonkezelő és tanácsadó cég Berlinből. Weboldaluk elavult volt, és a cég időközben kinőtte azt — sem a megjelenés, sem a struktúra nem tükrözte már a szolgáltatás valós szintjét. A feladat egy teljes site migráció és egy új weboldal felépítése volt.
Az NDA miatt a cég neve és pontos üzleti adatai nem nyilvánosak. Az alábbi bemutatás az elkészült design rendszert és megközelítést ismerteti, amely később nyilvános Framer sablonná (Arc Wealth) is vált.
Kutatás és stratégia
01
Piaci felmérés
A kutatási szakaszt két irányból indítottuk. A Mobbin platformon keresztül pénzügyi alkalmazások és felületek működését vizsgáltuk, feltérképezve a bevett elemeket és azok funkcióját. Emellett több élő vagyonkezelési weboldalt is áttekintettünk, hogy lássuk, mi a jelenlegi iparági megközelítés.
02
A felismerés
A legtöbb pénzügyi és tanácsadói oldal ugyanazokhoz az eszközökhöz nyúl a bizalom felépítéséhez: fényes hero-fotók, gradiens formák, magabiztos, nagy ígéretek. Ez a felismerés adta az irányt: az új oldal pont az ellenkező úton indult el.
Design megközelítés
01
A „ledger” rendszer
Az oldal egy könyvelési nyilvántartásra („ledger”) emlékeztető design rendszerre épül: vékony vonalak, keretezett rácsos szekciók, meleg papírtónusok és kézzel szedettnek ható tipográfia, amely inkább egy gondosan vezetett archívumra hasonlít, mint egy hagyományos SaaS-landing oldalra. A stockfotók helyét metszet-stílusú illusztrációk veszik át, így az oldal vizuálisan egységes marad. Egyetlen, tudatosan használt kiemelő szín, és fizika-alapú, visszafogott mozgás — sosem „pattogó” animáció.
02
Miért ez a döntés a pénzügyi szektorban?
A pénzügyi és tanácsadói szektorban a letisztultság és a jól szelektált információ ad hitelességet, nem a díszítőelem. A layout és a megfelelő fehértér használata itt fontosabb, mint bármilyen animáció vagy videó. Ez az, ami vállalati körökben tényleges bizalmat épít. Az információs architektúra és annak tálalása határozza meg, hogy a látogató komolyan veszi-e az oldal mögött álló szolgáltatást. Emellett fontos szempont volt valódi arcot is mutatni: hogy tényleges emberek állnak az üzlet mögött, nem egy anonim vállalati fal.
Fejlesztés
01
Nyolc reszponzív oldal
Nyolc, teljes mértékben reszponzív oldal készült: Kezdőlap, Rólunk, Lehetőségek, Blog, Blog cikk, Bejelentkezés, Kapcsolat, és egy márkához illő, egyedi 404-es oldal.
02
Élő CMS és újrafelhasználható komponensek
Két élő CMS-collection tartozik hozzá esettanulmányokhoz és cikkekhez, valós séma-struktúrával. Az oldal újrafelhasználható komponensekre épül, szinkronizált navigációval és lábléccel.
Eredmény
Az ügyfélprojekt eredményei az NDA miatt nem nyilvánosak. A design rendszert azonban Arc Wealth néven nyilvános Framer sablonná alakítottuk, amely a Framer piacterén mindössze két hét alatt több mint 10 000 megjelenést, 400+ megtekintést és 10+ remixet ért el — ez a piactéri visszajelzés a design rendszer önmagában is bizonyítható értékét mutatja.
Teljes oldalstruktúra
8 oldal
Megjelenés a Framer piacterén sablonként (2 hét alatt)
10 000+
Remix a piactéren
10+
