Bumble Space HTML Sablon

Teljes szerkesztői elrendezés a profiltól a terméktörténetig

Az oldal már magában foglalja egy önálló szerkesztői prezentáció főbb részeit. Először egy teljes szélességű belső fénykép mutatja be a környezetet, majd Whitney Wolfe profilja a dátummal, forráshivatkozással, összefoglalóval, fotóval és a „további információ” linkkel. A következő funkció a Bumble New York-i fizikai terére irányítja a figyelmet, egy nagy belső képet egy keskeny magyarázó panellel párosítva ahelyett, hogy a témát strukturálatlan szövegként hagyná.

Lejjebb a váltakozó részletek, idézett szövegrészek, feliratok és fényképek magazinszerű sorrendben szolgálnak alátámasztó bizonyítékokkal. A három kapcsolódó Bumble sikertörténet-kártya ezután kiszélesíti az oldalt anélkül, hogy megváltoztatná a témát, így a statikus elrendezésnek egy felismerhető kapcsolódó tartalmú területet ad. A végén a „HOGYAN MŰKÖDIK A BUMBLE?” funkció visszatér a termékkoncepcióhoz, és egyértelmű szerkesztői következtetést nyújt a sötét lábléc előtt.

Ez a kombináció teszi a dizájnt hasznossá egy kész statikus HTML implementációként: navigációja, tartalomrészei, képei, linkelt történetkártyái, magyarázó szövege és lábléce már egy koherens oldalt alkotnak, nem pedig elszigetelt vizuális minták gyűjteményét. Az oldal adaptálható egy másik profilhoz, cégtörténethez vagy kiemelt cikkhez, miközben megőrzi ugyanazt a haladást a vizuális bevezetéstől a támogató tudósításokig és a végső magyarázatig.