Ez a projekt arról szól, hogyan kombináltam hét különböző weboldalt, amelyeket egyenként vezettem be 10 éves fejlesztés során.
A hét webhely tartalma átfedi egymást, különböző felhasználói felülettel és interakcióval.
Egy új UI/UX rendszert kellett kitalálnom a kombinált és egyszerűsített tartalom kezelésére, a meglévő almárkák megtartásával is.
Makovecz Imre (Budapest, 1935. november 20. – Budapest, 2011. szeptember 27.) magyar építész, az 1950-es évek végétől magyar építész. Makovecz az organikus építészet egyik legjelentősebb támogatója volt.
Mint ilyen, épületei megpróbálnak együttműködni a természeti környezettel, ahelyett, hogy diadalmaskodnának felettük. Frank Lloyd Wright és Rudolf Steiner egyaránt erős hatást gyakorolnak rá, akárcsak a hagyományos magyar művészet.
Makovecz Imre, mint márka csak a művész halála után született, amikor 2012-ben az újonnan létrehozott Makovecz Imre Alapítvány kezdte gondozni a művész munkáját.
Az eredeti HTML honlap kiegészült az Alapítvány bemutató weboldalával, mindkettő saját, jellegzetes színt kapott ugyanazzal a logóval.
Ezeket egy kezdőképernyő kapcsolta össze.
A weboldalak első WordPress alapú verzióit 2013-ban adtuk ki, és. Makovecz Imre honlapja meleg, míg az Alapítvány hűvösebb tónusokat kapott.
Makovecz Imre honlapja nagyobb kihívást jelentett.
A megrendelő kérésének megfelelően fontos volt, hogy a néhai építész íróasztala jelenjen meg fő felületként, amelyen a tartalom megjelenik.
Az íróasztal a művész dolgozószobájában állt, amelyet nem lehetett elmozdítani. Tehát az eredeti szék mögötti széken állva kellett fotóznunk, és 10 fotóból megkaptuk azt a nagy felbontású, panorámaképet az íróasztalról és a környezetről, amelyet végleges formájára retusálhattunk.
Míg az eredeti weboldalak megjelenése nem változott, két almárka jelent meg. Az újonnan megnyílt Makovecz Központ és Archívum külön honlappal bővült, és létrejött a Makovecz Útvonalak honlapja, amely a művész Magyarországon épült épületeit mutatja be régiókra bontott útvonalak mentén.
2020-ban két új weboldal született.
A Makovecz Könyvek és Tárgyak honlapján a művészről megjelent könyvek mellett grafikák és plakátok is rendelhetők.
A Makovecz-térkép több mint 550 épületet mutat be szerte a világon.
A hetedik, egyben utolsó honlap Makovecz Imre egyik utolsó művét, a Feltámadás templomát mutatja be, amelyet családja, tanítványai, követői és a közönség is a tervező életművének csúcsának tekint.
Ebben az évben az Alapítvány weboldala frissített dizájnt kapott, a Térkép weboldala pedig finom fejlesztéseket kapott a jobb böngészési élmény érdekében.
Az eredeti – statikus – honlap lépést tudott tartani az újonnan átadott weboldalakkal.
(A Makovecz Központ és Archívum logójának színe menet közben egyszer megváltozott)
A hetedik weboldal elkészítése után egyértelmű volt, hogy mind a technikai megvalósítást, mind az almárkák kommunikációját új alapokra kell helyezni. Tíz év alatt az újonnan létrehozott weboldalak mindegyike saját adminisztrációs felülettel rendelkezett. Ez nemcsak megnehezítette a tartalom frissítését a webhelyek között, hanem sok duplikált tartalmat is eredményezett.
A Makovecz Imrét bemutató honlap mindig kimaradt a folyamatos frissítésekből, mert nem találtunk kompromisszumok nélküli jó megoldást a reszponzív designra. A hét weboldalt tíz év alatt több mint 130 000 ember látogatta meg.
Az új, egységes honlap kialakítását sok kutatás és vita előzte meg; Az évek látogatói statisztikái és visszajelzései is segítettek nekünk.
Különböző megjelenések
Mivel az Alapítvány, mint fő üzemeltető kapta a mindenre kiterjedő szerepet, ezért vált dominánssá a szekció semleges, szürke színe.
Különböző elrendezések, UX / UI
A weboldal fő eleme a Színpad lett, amely rugalmas magasságának köszönhetően különböző tartalmakat képes megjeleníteni.
A régi webhelyek képviselete
Mivel már nincs szükség külön nyitó kezdőlapra, ezt a Gyorshivatkozások navigáció váltotta fel.
Tegye reszponzívvá Makovecz Imre íróasztalát
Mobilon az Íróasztal fotójának alsó és felső részét mutatjuk a tartalom előtt és után.
A látogató csak egy témára összpontosított
A Hírek a szekció oldalakon lehetőség van bármely más témából származó tartalom megjelenítésére is; a Gyorslinkek állandó jelenléte segíti az egyéb tartalmak megjelenítését.
Ez a navigáció első szintje a nyelvváltóval. Nagy képernyőn a színpad bal oldalához igazodik; csak egy kis képernyőn csúszik be a gyorshivatkozások fölé. Táblagép felbontásnál kétsoros elrendezésre vált.
A menü második sora a navigáció másodlagos szintjének (az első szintű navigációs elemek almenüinek) és azoknak a különálló navigációknak a berakodási helye, amelyek nem szerepelnek a fő navigációban, de a gyorshivatkozásokon keresztül megnyithatók, mint például a Központ és a Levéltár, a Térkép vagy a Feltámadás temploma navigációja.
Egérmutatóval legördülő menü.
Mivel előfordult, hogy egy épület három különböző részből (Archívum, Útvonalak és a Térkép) is elérhető, módosítanunk kellett egy mindennapi navigációs bővítményt, hogy az épület által meglátogatott oldal alapján mindhárom nézetverziót kezelni tudjuk.
Az Épület oldal színezése szintén a hivatkozó oldal alapján.
Természetesen már nem volt szükség külön nyitó honlapra a fő témák bemutatására, ezt felváltotta a Gyorshivatkozások navigáció, amely szintén a láblécben jelenik meg egyszerűsített dizájnnal.
A logógyűjtemények a Makovecz Imre Alapítvány kivételével a múlt külön honlapját képviselik, hiszen az lett maga a fő honlap. Az Alapítvány logója csak a láblécben jelenik meg.
A logó fordított állapota azt is jelzi, hogy a weboldal melyik részét látogatják meg.
Nagy képernyőn a Gyorshivatkozások a bal margón kívül a Színpadhoz csatolva jelennek meg.
A kisebb képernyőn a reszponzív dizájn első szintjeként a szemközti oldal üres területe eltűnik, és a Gyorshivatkozások is igazodtak a fő navigációhoz, így a színpad kissé keskenyebb lett.
A reszponzív dizájn második szintjeként a Gyorshivatkozások egysoros elrendezést kapnak, és a színpad alá kerülnek.
Mobileszközökön kétsoros elrendezést kapott.
A weboldal fő eleme a Színpad lett, amely rugalmas magasságának köszönhetően különböző tartalmakat képes megjeleníteni. A Színpad háttérszíne azt is jelzi, hogy a honlap mely részét látogatják meg.
A weboldal fő eleme a Színpad lett, amely rugalmas magasságának köszönhetően különböző tartalmakat képes megjeleníteni. A Színpad háttérszíne azt is jelzi, hogy a honlap mely részét látogatják meg.
Minden fő szakasz ezt az elrendezést használja, ahol a tartalom megosztja a helyet egyes kategóriák legújabb bejegyzéseivel a kártyákon.
Ez a modul kiszámítja a kiválasztott kategóriák számát és tartalmát, és négy lehetőség közül kiválasztja az egyik legjobb elrendezést.
Csak egy csoport van, és a cikkek száma kevesebb, mint 3 cikk.
Még több csoport van, de az egyes csoportokban lévő cikkek száma kevesebb, mint 3.
Még több csoport van, de az első csoportnak 4 cikke van.
Még több csoport van, de az első csoportnak több mint 4 van.
Elrendezés 1: Csak egy csoport van, és a cikkek száma kevesebb, mint 3 cikk.
Elrendezés 2: Még több csoport van, de az egyes csoportokban lévő cikkek száma kevesebb, mint 3.
Elrendezés 3: Még több csoport van, de az első csoportnak 4 cikke van.
Elrendezés 4: Még több csoport van, de az első csoportnak több mint 4 van.
A munka során több mint 1060 különböző típusú tartalmat és 4500 képet kombináltunk, közel 25%-kal csökkentve a több mint 10 GB helyet foglaló hét weboldal méretét.
A Makovecz weboldalak idővonala jó példa arra, hogyan válhat egy márka organikusan ernyőmárkává. Természetesen sok mindent másképp csináltunk volna, ha az új almárkákat ütemterv szerint hoztuk volna létre, de soha nem késő megállni és létrehozni egy olyan keretet, amely elég rugalmas a további strukturált növekedéshez.
Az új oldal Makovecz Imre teljes munkásságát mutatja be, egy épületet több szemszögből bemutatva.
Segítségre van szüksége? Ne habozzon kérdezni tőlem semmit.
Tekintse meg GY.I.K.-et, hogy többet tudjon meg szolgáltatásaimról.
Ön ügynökség vagy szabadúszó? Mindig nyitott vagyok az együttműködésekre!
