A PLUS: Vizuálně jedinečný a rychlý web pro přední české architekty

Prezentační weby Kreativa

Prohlédnout:

www.aplus.cz

A PLUS a.s. patří mezi významné české architektonické společnosti a přes třicet let se věnuje architektonickým studiím, projekci a developmentu. Stojí za řadou výrazných staveb v České republice, což podtrhuje fakt, že za svou práci získala již osm ocenění Stavba roku.

Nový web proto neměl být jen hezčí nebo lépe administrovatelný. Potřebovali jsme přijít s novým a přesvědčivým kreativním konceptem, špičkovou estetikou a prezentací, která dokáže sebevědomě představit společnost a její práci.

Dodané služby

Prezentační weby

Kreativa

Výchozí stav

Statická prezentace bez výraznější práce s pohybem.
Estetika, která už neodpovídala postavení společnosti v oboru.
Nedostatek emocí a příběhu při prezentaci realizací.
Omezený prostor pro rozpoznatelný architektonický rukopis klienta.
Obtížná editace obsahu na straně klienta.

Naše řešení

Jednotný komunikační koncept postavený na sloganu „Stavíme symboly doby“.
Sebevědomý tone of voice propojený s typickou estetikou.
Jasnější struktura informací a vyladěné uživatelské rozhraní.
Modernizovaná grafika a barevnost navazující na vizuální identitu A PLUS.
Dynamické prvky a práce s postupným odtajňováním informací.
Výraznější prezentace klíčových referencí.
Lidštější a hravější představení týmu.
Jednodušší správa obsahu.
Rychlý web navzdory vizuálně atraktivním prvkům.

Začíná to ze tmy aneb dobře nasvícená galerie

Bílé pozadí používá při prezentaci architektury snad 80 % webů. My jsme hledali perspektivu, která A PLUS odliší a současně nechá vyniknout realizace za použití hravosti a emocí. Začali jsme proto experimentovat s kontrastem světla a tmy, tajemstvím a postupným odhalením. Základem webu se stala upravená tmavě modrá barva doplněná bílými texty a světle modrými akcenty. Tmavě modrá vychází z vizuální identity společnosti, ve které tvoří primární firemní barvu. Výrazný kontrast navíc zajišťuje dobrou čitelnost a soustředí pozornost na prezentované stavby. Výsledný vizuál připomíná potemnělou galerii, která:

dodává exponátům exkluzivnější charakter,
nechává vyniknout světlo, barvy a materiály staveb,
soustředí pozornost na samotné realizace,
vytváří prostor pro práci s napětím a postupným odhalením.

Jak odprezentovat architektonické „symboly doby“?

Realizace z prkna A PLUS mají sebevědomý a rozpoznatelný rukopis a právě z něj vychází ústřední slogan „Stavíme symboly doby“. Objevili jsme ho na předchozí webové prezentaci utopený mezi dalšími texty. Přišel nám ale natolik nosný, že jsme ho promítli nejen do copy, ale udělali z něj zastřešující koncept celého webu.

Při prezentaci vybraných projektů pracujeme se siluetou stavby, která funguje jako symbol. Návštěvník díky použití tzv. scrollytellingu posouvá obrazovku níže a přitom:

Nejprve uvidí charakteristický obrys, siluetu, symbol.
Následně se před ním odhalí reálná podoba stavby.
A nakonec se fotografie rozpohybuje a realizace ožije.

Portfolio referencí díky tomu nepůsobí jako prostý seznam dokončených zakázek, ale stává se hlavním nositelem příběhu značky a pomáhá návštěvníkovi vnímat jedinečnost každého projektu.

„Chtěli jsme, aby web A PLUS nepůsobil jako katalog položený na bílém papíře. Pracovali jsme proto se siluetou, světlem a dynamickým odhalením staveb. Společně s klientem jsme se na hlavním směru shodli velmi rychle, takže jsme mohli energii věnovat detailům, které celý koncept dotáhly.“

Peter Kušnírik

Design Lead

Jiří Gédoš

UX Designer

Video jako esenciální prezentační prvek

Klient chtěl dynamickou prezentaci své práce, pro většinu realizací však nebyla k dispozici vhodná videa. Místo toho, abychom se spokojili se statickými fotografiemi, rozpohybovali jsme u vybraných projektů klíčový snímek pomocí generativní AI. Významné reference tak dostaly jasnou prezentační logiku začínající siluetou a končící realistickou animací. Pohyb tu nefunguje jako samoúčelný efekt. Pomáhá návštěvníkovi projít cestu od prvního náznaku až po úplné obživnutí stavby.

Nová prezentace tak:

dává klíčovým realizacím více prostoru,
srozumitelněji komunikuje jejich architektonickou kvalitu,
podporuje zapamatovatelnost značky,
odlišuje web od standardních statických portfolií.

Navíc jsme sestřih animovaných vizuálů projektů, jako jsou Arena Brno, nábřeží Svratky, Univerzitní kampus Masarykovy univerzity nebo Technologické centrum Holubice, převyužili i pro oživení domovské stránky.

„Potřebovali jsme sebevědomou a dynamickou prezentaci naší práce, která bude odpovídat kvalitě realizací A PLUS a zároveň nás jasně odliší. Na výslednou estetickou úroveň jsme měli vysoké nároky. Spolupráce s PUXdesign byla efektivní a rychle jsme našli směr, který dokázal spojit architekturu, obsah i pohyb do jednoho celku.“

Patrik Tuza

Předseda představenstva

A PLUS a.s.

Pracujte v týmu, který nejde pro úsměv daleko

Nový web neměl prezentovat pouze stavby. Jedním z jeho cílů bylo také podpořit zájem zkušených profesionálů, kteří by chtěli s A PLUS spolupracovat. Do jinak vizuálně precizní prezentace jsme proto přidali jednoduchý, ale zapamatovatelný prvek lidskosti: úsměv.

Každého člena týmu nejprve představuje fotografie s vážným výrazem. Když na ni návštěvník najede myší, portrét se prolne do druhého snímku, na kterém se stejný člověk usmívá. Drobná interakce přinesla prezentaci firmy několik praktických přínosů:

ukazuje konkrétní lidi stojící za významnými stavbami,
změkčuje formální charakter firemní prezentace,
podporuje přátelštější obraz společnosti,
pomáhá potenciálním uchazečům lépe poznat její tým,
přitom zachovává profesionální charakter značky.

Web rychlý jako blesk nehledě na složitost

Ani náročnější a výpravná prezentace nemá u webu běžícího na jádru PUX Olive vliv na rychlost. Přestože řešení pracuje s dynamickou animací, vrstvením obrazů a videem, podařilo se ho odladit tak, aby si web zachoval velmi dobrou rychlost. To potvrzují i výsledky v testech PageSpeed Insights:

99 % na desktopu
93 % na mobilních zařízeních

Technologickým základem se stala platforma Orchard Core se zmiňovanou nadstavbou PUX Olive. Pro klienta toto řešení znamená:

svižné načítání webu,
modulární základ pro další rozvoj,
flexibilnější správu obsahu,
jednotnou strukturu pro přidávání dalších projektů,
možnost rozvíjet prezentaci bez návratu k obtížné editaci původního webu.

Výsledek spojuje něco, co na webu často stojí proti sobě: silný vizuální zážitek a rychlou odezvu. Návštěvníka proto nic zbytečně nezdržuje od toho nejdůležitějšího, tedy od objevování obsahu stránky.

Máte silnou značku? Dejte jí stejně silný web!

Tvoříme prezentační weby, které nevypadají jako další šablona v řadě. Propojujeme obsah, design a technologie tak, aby vaše značka vynikla a návštěvníci rychle pochopili její hodnotu.

Pojďme společně najít koncept, který bude fungovat právě pro vás. Ozvěte se nám.

Prohlédnout si web Další reference