{"id":905200,"date":"2026-10-12T18:30:00","date_gmt":"2026-10-12T16:30:00","guid":{"rendered":"https:\/\/turnhauserpanni.hu\/?post_type=project&#038;p=905200"},"modified":"2026-10-13T10:15:49","modified_gmt":"2026-10-13T08:15:49","slug":"majdnem-hires-rocksuli","status":"publish","type":"project","link":"https:\/\/turnhauserpanni.hu\/en\/munkak\/majdnem-hires-rocksuli\/","title":{"rendered":"Majdnem H\u00edres Rocksuli"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"<p>A Majdnem H\u00edres Rocksuli elavult, nem reszponz\u00edv oldal\u00e1b\u00f3l egy dinamikus, k\u00f6nnyen szerkeszthet\u0151 \u00e9s a k\u00e9pz\u00e9sek k\u00f6z\u00f6tti eligazod\u00e1st t\u00e1mogat\u00f3 WordPress-rendszer k\u00e9sz\u00fclt.<\/p>\n","protected":false},"featured_media":901114,"template":"","class_list":["post-905200","project","type-project","status-publish","has-post-thumbnail","hentry"],"acf":{"project_type":"Redesign \u00b7 UX\/UI \u00b7 WordPress","client_name":"Majdnem H\u00edres Rocksuli","project_year":2024,"industry":"Oktat\u00e1s \u00b7 Zeneipar","role":"UX\/UI design\r\nInform\u00e1ci\u00f3s architekt\u00fara\r\nWordPress fejleszt\u00e9s\r\nACF-alap\u00fa adminfel\u00fclet","case_study":true,"featured":true,"featured_order":4,"short_description":"A Majdnem H\u00edres Rocksuli elavult, nem reszponz\u00edv oldal\u00e1b\u00f3l egy dinamikus, k\u00f6nnyen szerkeszthet\u0151 \u00e9s a k\u00e9pz\u00e9sek k\u00f6z\u00f6tti eligazod\u00e1st t\u00e1mogat\u00f3 WordPress-rendszer k\u00e9sz\u00fclt.","headline":"Egy elavult oktat\u00e1si oldalb\u00f3l dinamikus, \u00f6sszef\u00fcgg\u0151 k\u00e9pz\u00e9si rendszer.","challenge":"A r\u00e9gi oldal nem volt reszponz\u00edv, nem rendelkezett val\u00f3di mobilos \u00e9lm\u00e9nnyel, a cookie-kezel\u00e9s pedig m\u00e1r nem felelt meg a korszer\u0171 elv\u00e1r\u00e1soknak. A vizu\u00e1lis megjelen\u00e9s is a kor\u00e1bbi arculatot t\u00fckr\u00f6zte.\r\n\r\nUX szempontb\u00f3l enn\u00e9l is fontosabb probl\u00e9ma volt, hogy a k\u00e9pz\u00e9sek k\u00f6z\u00f6tti eligazod\u00e1s neh\u00e9zkes volt, az inform\u00e1ci\u00f3k hossz\u00fa, kev\u00e9ss\u00e9 tagolt sz\u00f6vegekben jelentek meg, \u00e9s a k\u00e9pz\u00e9sek, oktat\u00f3k, alumni \u00e9s rendezv\u00e9nyek nem t\u00e1mogatt\u00e1k egym\u00e1st \u00f6sszef\u00fcgg\u0151 tartalmi rendszerk\u00e9nt. Az oldal kev\u00e9ss\u00e9 adott kedvet ahhoz, hogy a l\u00e1togat\u00f3 tov\u00e1bb b\u00f6ng\u00e9sszen vagy jelentkezzen.","approach":"A projektet inform\u00e1ci\u00f3s architekt\u00far\u00e1val \u00e9s UI tervez\u00e9ssel k\u00f6zel\u00edtettem meg. A c\u00e9l az volt, hogy az indul\u00f3 k\u00e9pz\u00e9sek m\u00e1r a f\u0151oldalon hangs\u00falyosan jelenjenek meg, a k\u00e9pz\u00e9sadatlapokon pedig l\u00e1that\u00f3k legyenek a hozz\u00e1juk tartoz\u00f3 oktat\u00f3k.\r\n\r\nA vizu\u00e1lis ir\u00e1nyban megtartottam a megl\u00e9v\u0151 s\u00e1rga\u2013fekete arculatot \u00e9s log\u00f3t, de \u00faj tipogr\u00e1fi\u00e1t, nagy kontraszt\u00fa layoutot, teljes k\u00e9perny\u0151t kit\u00f6lt\u0151 elemeket, r\u00f6vid sz\u00f6veges blokkokat \u00e9s mozg\u00f3 r\u00e9szleteket vezettem be. A fekete-feh\u00e9r k\u00e9pek hoverre sz\u00edness\u00e9 v\u00e1lnak, ami egyszerre t\u00e1mogatja az urb\u00e1nus, zeneipari karaktert \u00e9s az oldal dinamizmus\u00e1t.","case_study_blocks":[{"acf_fc_layout":"solution","title":"A k\u00e9pz\u00e9sek ker\u00fcltek a k\u00f6z\u00e9ppontba","problem":"A r\u00e9gi oldalon nem volt egy\u00e9rtelm\u0171, hogyan tal\u00e1lja meg valaki a sz\u00e1m\u00e1ra megfelel\u0151 k\u00e9pz\u00e9st, \u00e9s a k\u00fcl\u00f6nb\u00f6z\u0151 tartalomt\u00edpusok kev\u00e9ss\u00e9 seg\u00edtett\u00e9k egym\u00e1st.","decision":"Az inform\u00e1ci\u00f3s architekt\u00far\u00e1t \u00fagy alak\u00edtottam \u00e1t, hogy a k\u00e9pz\u00e9sek legyenek a f\u0151 bel\u00e9p\u00e9si pontok, \u00e9s a kapcsol\u00f3d\u00f3 oktat\u00f3k, alumni- \u00e9s rendezv\u00e9nytartalmak kontextust adjanak hozz\u00e1juk.","solution":"A k\u00e9pz\u00e9sadatlapokon megjelennek a hozz\u00e1juk tartoz\u00f3 oktat\u00f3k, a f\u0151oldalon pedig k\u00fcl\u00f6n kiemelt blokk mutatja az indul\u00f3 k\u00e9pz\u00e9seket. Az \u00fcgyf\u00e9l adminb\u00f3l maga \u00e1ll\u00edthatja, melyik k\u00e9pz\u00e9s kapja meg ezt a st\u00e1tuszt.","media_type":"image","image":905204,"video_url":""},{"acf_fc_layout":"solution","title":"A megl\u00e9v\u0151 arculatb\u00f3l dinamikus digit\u00e1lis rendszer","problem":"A s\u00e1rga\u2013fekete arculat \u00e9s a log\u00f3 adott volt, de a r\u00e9gi oldal vizu\u00e1lis rendszere m\u00e1r nem k\u00f6zvet\u00edtette a Rocksuli mai karakter\u00e9t.","decision":"\u00daj tipogr\u00e1fi\u00e1t v\u00e1lasztottam, \u00e9s a layout alapj\u00e1t nagy, teljes k\u00e9perny\u0151s elemekre, er\u0151s kontrasztokra \u00e9s r\u00f6vid, j\u00f3l elk\u00fcl\u00f6n\u00fcl\u0151 sz\u00f6veges tartalmakra \u00e9p\u00edtettem.","solution":"A fekete-feh\u00e9r fot\u00f3k hoverre sz\u00edness\u00e9 v\u00e1lnak, a mini anim\u00e1ci\u00f3k pedig mozg\u00e1st visznek a fel\u00fcletbe an\u00e9lk\u00fcl, hogy elvenn\u00e9k a figyelmet a tartalomr\u00f3l. A teljes rendszerhez design system k\u00e9sz\u00fclt.","media_type":"image","image":905205,"video_url":""},{"acf_fc_layout":"process","title":"\u00d6n\u00e1ll\u00f3 entit\u00e1sokb\u00f3l szerkeszthet\u0151 oldal","intro":"A h\u00e1tt\u00e9rrendszert \u00fagy \u00e9p\u00edtettem fel, hogy a csapat fejleszt\u0151i seg\u00edts\u00e9g n\u00e9lk\u00fcl tudja friss\u00edteni a dinamikus tartalmakat.","steps":[{"title":"K\u00e9pz\u00e9sek","text":"A k\u00e9pz\u00e9sek k\u00fcl\u00f6n adatlapokon kezelhet\u0151k, \u00e9s adminb\u00f3l be\u00e1ll\u00edthat\u00f3, melyik jelenjen meg kiemelten a f\u0151oldalon.","image":905206},{"title":"Oktat\u00f3k","text":"Az oktat\u00f3k k\u00fcl\u00f6n szerkeszthet\u0151k, \u00e9s megjelenhetnek a kapcsol\u00f3d\u00f3 k\u00e9pz\u00e9s adatlapj\u00e1n.","image":905207},{"title":"Rendezv\u00e9nyek","text":"Az esem\u00e9nyek \u00f6n\u00e1ll\u00f3 tartalomt\u00edpusk\u00e9nt t\u00f6lthet\u0151k fel \u00e9s id\u0151rendben jelen\u00edthet\u0151k meg.","image":""},{"title":"Alumni \u00e9s GYIK","text":"Az alumni bemutat\u00e1sok \u00e9s a gyakori k\u00e9rd\u00e9sek is k\u00fcl\u00f6n szerkeszthet\u0151 entit\u00e1sk\u00e9nt m\u0171k\u00f6dnek.","image":""}]},{"acf_fc_layout":"solution","title":"Az adminfel\u00fcletet is a haszn\u00e1l\u00f3hoz igaz\u00edtottam","problem":"Az oldal csak akkor m\u0171k\u00f6dik hossz\u00fa t\u00e1von, ha a szerkeszt\u0151k \u00f6n\u00e1ll\u00f3an \u00e9s biztons\u00e1gosan tudj\u00e1k friss\u00edteni a tartalmakat.","decision":"Az egyedi tartalomt\u00edpusokat ACF-mez\u0151kkel \u00e9p\u00edtettem fel, hogy a szerkeszt\u0151k ne layoutokat m\u00f3dos\u00edtsanak, hanem j\u00f3l elnevezett mez\u0151ket t\u00f6ltsenek ki.","solution":"Az \u00e1tad\u00e1shoz r\u00e9szletes, tartalomjegyz\u00e9kes felhaszn\u00e1l\u00f3i k\u00e9zik\u00f6nyv k\u00e9sz\u00fclt, amely k\u00e9perny\u0151k\u00e9pekkel \u00e9s l\u00e9p\u00e9sr\u0151l l\u00e9p\u00e9sre mutatja be az oldal kezel\u00e9s\u00e9t.","media_type":"image","image":905208,"video_url":""},{"acf_fc_layout":"solution","title":"WordPress maradt \u2014 de \u00faj logik\u00e1val","problem":"Az indul\u00e1skor k\u00e9rd\u00e9s volt, hogy a WordPress megfelel\u0151 alap-e egy \u00e9rt\u00e9kes\u00edt\u00e9si \u00e9s kommunik\u00e1ci\u00f3s c\u00e9lokat egyszerre kiszolg\u00e1l\u00f3 oldalhoz.","decision":"A specifik\u00e1ci\u00f3 alapj\u00e1n nem volt sz\u00fcks\u00e9g egyedi backend rendszerre: a WordPress ismert adminfel\u00fclete, b\u0151v\u00edthet\u0151s\u00e9ge \u00e9s az ACF-alap\u00fa tartalommodell j\u00f3l illeszkedett a projekthez.","solution":"Az oldal reszponz\u00edv WordPress-rendszerk\u00e9nt k\u00e9sz\u00fclt el, technikai SEO-alapokkal, megfelel\u0151 \u00e1tir\u00e1ny\u00edt\u00e1sokkal, biztons\u00e1gi \u00e9s teljes\u00edtm\u00e9nybe\u00e1ll\u00edt\u00e1sokkal, valamint m\u00e9r\u00e9si integr\u00e1ci\u00f3val.","media_type":"image","image":905209,"video_url":""}],"outcome":"Az \u00faj oldalon a l\u00e1togat\u00f3 gyorsabban l\u00e1tja, milyen k\u00e9pz\u00e9sek indulnak, \u00e9s az egyes adatlapokon a kapcsol\u00f3d\u00f3 oktat\u00f3kkal egy\u00fctt, kontextusban ismeri meg a programokat. A kor\u00e1bban hossz\u00fa sz\u00f6vegfolyamokra \u00e9p\u00fcl\u0151 tartalom r\u00f6videbb, j\u00f3l elk\u00fcl\u00f6n\u00fcl\u0151 egys\u00e9gekre bomlott.\r\n\r\nA h\u00e1tt\u00e9rben a k\u00e9pz\u00e9sek, rendezv\u00e9nyek, oktat\u00f3k, alumni \u00e9s GYIK elemek \u00f6n\u00e1ll\u00f3, ACF-alap\u00fa tartalomt\u00edpusokk\u00e9nt szerkeszthet\u0151k. Az \u00fcgyf\u00e9l azt is maga \u00e1ll\u00edthatja, mely k\u00e9pz\u00e9sek jelenjenek meg indul\u00f3 k\u00e9pz\u00e9sk\u00e9nt a f\u0151oldal kiemelt r\u00e9sz\u00e9n. Az \u00e1tad\u00e1shoz tartalomjegyz\u00e9kkel ell\u00e1tott, r\u00e9szletes felhaszn\u00e1l\u00f3i k\u00e9zik\u00f6nyv k\u00e9sz\u00fclt.","related_projects":[902334],"hero_image":905210,"services":[{"service_name":"UX\/UI design"},{"service_name":"Weboldal redesign"},{"service_name":"Inform\u00e1ci\u00f3s architekt\u00fara"},{"service_name":"Design system"},{"service_name":"WordPress fejleszt\u00e9s"},{"service_name":"ACF-alap\u00fa adminfel\u00fclet"},{"service_name":"Reszponz\u00edv fejleszt\u00e9s"},{"service_name":"Technikai SEO alapok"},{"service_name":"Felhaszn\u00e1l\u00f3i k\u00e9zik\u00f6nyv"}],"technologies":[{"technology_name":"Figma"},{"technology_name":"WordPress"},{"technology_name":"ACF Pro"},{"technology_name":"HTML5"},{"technology_name":"CSS \/ responsive layout"}],"external_url":"https:\/\/www.mhrs.hu\/"},"_links":{"self":[{"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/project\/905200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/types\/project"}],"version-history":[{"count":1,"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/project\/905200\/revisions"}],"predecessor-version":[{"id":905211,"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/project\/905200\/revisions\/905211"}],"acf:post":[{"embeddable":true,"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/project\/902334"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/media\/901114"}],"wp:attachment":[{"href":"https:\/\/turnhauserpanni.hu\/en\/wp-json\/wp\/v2\/media?parent=905200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}