---
title: Realtherm ALU
date: 2026-07-27T13:31:00+02:00
author: admin
canonical_url: "https://cstudios.hu/esettanulmanyaink/realtherm-alu"
section: Case Studies
---
[      Vissza a Home Page Vissza a Home Page ](/) ![](https://cstudios.sk//uploads/images/_transforms/_w1440/Kepernyofoto-2026-07-22-12.48.07.png) 

Oldal meglátogatása

 

 [](https://realthermalu.hu) 

# Realtherm ALU

 05 

Amikor az alumínium önálló digitális teret kap

 [  realthermalu.hu ](https://realthermalu.hu) 

 

  

## Ügyfél

A Realtherm saját gyártással és innovatív technológiai háttérrel dolgozó ablak- és ajtógyártó cég. A fő vállalati weboldal után egy újabb, önálló weboldalt készítettünk a márkának, ezúttal kifejezetten az alumínium profilokra fókuszálva.

A [Realthermalu.hu](http://Realthermalu.hu) célja nem az volt, hogy lemásolja a már meglévő weboldalt. Sokkal inkább az, hogy az alumínium portfólió saját felületet kapjon. Olyan digitális teret, amely jobban visszaadja az alumínium rendszerek technikai karakterét, letisztult vonalait, minimalizmusát és helyét a modern építészetben.

A projektet teljes egészében mi vittük végig: a logó, a vizuális irány és a saját fotó-videó tartalom elkészítésétől kezdve az UX/UI design-on át egészen a programozásig, a tartalmi feldolgozásig és a weboldal élesítéséig.

 

 

## Kihívás

Az alumínium ablakok és ajtók különleges szerepet töltenek be a Realtherm kínálatában. Az értékük nem csupán a műszaki paraméterekben rejlik, hanem a nagy üvegfelületekben, a keskeny profilokban és azokban a megoldásokban is, amelyek természetesen illeszkednek a mai építészeti szemlélethez.

Éppen ezért nem szerettük volna őket egyszerűen egy újabb termékkategóriaként bemutatni. Olyan felületre volt szükség, ahol a vizuális élmény ugyanakkora hangsúlyt kap, mint a szakmai információ.

A kihívás egy olyan önálló weboldal létrehozása volt, amely továbbra is egyértelműen kapcsolódik a Realtherm márkához, mégis saját vizuális nyelvet használ. Olyat, amely illik az alumínium rendszerek karakteréhez: tiszta, pontos, modern és részleteiben is átgondolt.

 

 

## Megoldás

A teljes vizuális koncepciót letisztult vonalakra, tágas elrendezésre és modern tipográfiára építettük. A minimalista felület természetesen kapcsolódik az alumínium profilok visszafogott megjelenéséhez, és hagyja érvényesülni a termékeket felesleges vizuális zaj nélkül.

Fontos szerepet kaptak a nagy méretű fotók is. A sok apró termékkép helyett erős, látványos képi világban gondolkodtunk, amely az alumínium megoldásokat nem önmagukban, hanem az építészet részeként mutatja meg.

A főmenünél is eltértünk a megszokott megoldásoktól. A klasszikus felső navigáció helyett a menüt a képernyő alsó részének közepére helyeztük. Görgetés közben végig a helyén marad, így a felhasználó bármikor könnyen eléri a weboldal fő részeit, miközben a navigáció nem veszi el a figyelmet a domináns vizuális tartalomtól.

Ez egy olyan részlet, amely már első pillantásra megkülönbözteti az oldalt, miközben valódi UX-funkciója is van. A látogató szabadon haladhat a tartalomban, és bármikor egyszerűen továbbléphet arra a részre, amely érdekli.

Minden terméknél világosan megfogalmaztuk a legfontosabb előnyöket. Így a látogatónak nem kell hosszú műszaki szövegekben keresnie a lényeget. Már első ránézésre látja, miben különbözik az adott megoldás, és milyen előnyt kínál.

A Realtherm nem csupán kész rendszerek értékesítője. A termékek mögött saját gyártási háttér áll. Fontosnak tartottuk, hogy ez az érték a weboldalon is hangsúlyt kapjon, ezért a gyártási folyamat külön aloldalt kapott.

A látogató itt videókon keresztül láthatja a valódi gyártást, a technológiát és a precíz feldolgozást. Nem csak olvas róla, hanem bepillantást kap abba is, mi történik a kész ablak vagy ajtó mögött. A videós tartalom megtöri a statikus termékbemutatást, és emberközelibbé teszi a technikai hátteret.

A minimalizmus nem jelenti azt, hogy egy weboldalnak statikusnak kell lennie. A felületet finom animációkkal, interaktív elemekkel és gördülékeny átmenetekkel egészítettük ki. Ezek a mozgások reagálnak a felhasználó görgetésére, és fokozatosan vezetik be a tartalmat.

A cél nem az volt, hogy mindenáron látványos effektekkel terheljük az oldalt. A mozgás inkább támogatja a felfedezést, és technológiai, korszerű hangulatot ad az egész weboldalnak.

**A megvalósítás részei voltak:**

**Logó és vizuális irány**

Az alumínium portfólió önálló bemutatásához olyan vizuális alapot hoztunk létre, amely illeszkedik annak minimalista, modern karakteréhez.

**UX/UI design**

Megterveztük a weboldal szerkezetét, a felhasználói útvonalakat és a rendhagyó navigációs rendszert, egyszerű és átlátható használatra törekedve.

**Egyedi webdesign**

A teljes felület kifejezetten a [Realthermalu.hu](http://Realthermalu.hu) számára készült, kész sablonok használata nélkül.

**Termékbemutatás**

A termékeket nagy méretű fotókkal és világosan megfogalmazott előnyökkel mutattuk be.

**Videós tartalom**

A gyártásról készült felvételek valódi betekintést adnak a Realtherm technológiai hátterébe.

**Interaktív elemek**

Az animációk és dinamikus átmenetek élőbbé, gördülékenyebbé teszik a böngészési élményt.

**Egyedi fejlesztés**

A frontend és a backend is a projekt igényeire szabva készült.

**Craft CMS**

A weboldalt rugalmas tartalomkezelő rendszerre építettük, amely egyszerűvé teszi a termékek, fotók, videók és egyéb tartalmak kezelését.

**Teljes reszponzivitás**

A felületet, a navigációt, a multimédiás tartalmakat és a termékelemeket asztali gépre, tabletre és mobilra is optimalizáltuk.

**Modern tipográfia**

A letisztult tipográfiai megoldás támogatja a weboldal minimalista karakterét, és egyértelmű információs hierarchiát teremt.

 

 

## Megoldás

A Realtherm alumínium portfóliója egy önálló digitális teret kapott, amely nem klasszikus termékkatalógusként működik.

A minimalista design hagyja érvényesülni a nagy méretű fotókat, az építészeti környezetet és magukat a termékeket. A szokatlanul elhelyezett navigáció saját karaktert ad az oldalnak, az interaktív elemek élményszerűbbé teszik a böngészést, a gyártási videók pedig közelebb hozzák azt a szakmai hátteret, amely a Realtherm termékei mögött áll.

A Realtherm második weboldala nem egyszerűen a fő oldal újratöltött változata lett. Hanem saját karaktert kapott, amely pontosan arra épül, ami az alumínium megoldásokat is meghatározza: letisztultságra, precizitásra és a részletekre való odafigyelésre.

 

 

   ![](/assets/images/tablet.png) 

- [ ![](https://cstudios.sk//uploads/images/_transforms/case-studies/realtherm-alu/_w1080quality/Kepernyofoto-2026-07-22-12.48.07.png) ](https://cstudios.sk//uploads/images/_transforms/case-studies/realtherm-alu/_w1920/Kepernyofoto-2026-07-22-12.48.07.png)
- [ ![](https://cstudios.sk//uploads/images/_transforms/case-studies/realtherm-alu/_w1080quality/Kepernyofoto-2026-07-22-12.48.23.png) ](https://cstudios.sk//uploads/images/_transforms/case-studies/realtherm-alu/_w1920/Kepernyofoto-2026-07-22-12.48.23.png)
- [ ![](https://cstudios.sk//uploads/images/_transforms/case-studies/realtherm-alu/_w1080quality/Kepernyofoto-2026-07-22-12.49.04.png) ](https://cstudios.sk//uploads/images/_transforms/case-studies/realtherm-alu/_w1920/Kepernyofoto-2026-07-22-12.49.04.png)
- [ ![](https://cstudios.sk//uploads/images/_transforms/case-studies/realtherm-alu/_w1080quality/Kepernyofoto-2026-07-22-12.49.57.png) ](https://cstudios.sk//uploads/images/_transforms/case-studies/realtherm-alu/_w1920/Kepernyofoto-2026-07-22-12.49.57.png)
 
 

  

  [      Ajánlatkérés Ajánlatkérés  ](https://cstudios.hu/arajanlat) 

**Ajánlatkérés**

Ügynökségünk minden projektet szigorú belső minőségbiztosítási folyamat mentén valósít meg.

Minden weboldal két részletes ellenőrzési szakaszon megy keresztül – **Pre-launch** és **Post-launch checklist** –, amelyek több mint 50–60 pontban vizsgálják a működést:  
technikai megfelelőség, SEO optimalizálás, UX tesztelés, akadálymentesség és biztonság.

Olyan részletekre is figyelünk, amelyeket más ügynökségek gyakran figyelmen kívül hagynak.
