Weboldal
Egyedi design és arculat: hogy a cég ne úgy nézzen ki, mint bárki más
Nagy Krisztián · 2026. október 28. · 2 perc olvasás
Logó, színek, betűk, hangnem, és hogy mindez ugyanúgy jelenjen meg a weboldalon, a számlán és a közösségi oldalon. Hogyan készül egy arculat, és hol segít benne az AI.
Egy kis cégnél az arculat sokszor annyi, hogy van egy logó, amit valaki évekkel ezelőtt készített. A weboldal egy kész sablon színeiben, a szórólap egy harmadik stílusban, a közösségi posztok pedig mindig másképp néznek ki. A vevő ebből azt érzi, hogy a cég nem egészen összeszedett, még ha a munkája kiváló is.
Miből áll egy arculat
- Márkajel és logó: a cég neve és jele, több változatban, világos és sötét háttérre.
- Színek: néhány jól megválasztott szín, pontos kódokkal, és szabály arra, mit mire használunk.
- Betűk: egy címekhez és egy szövegekhez, amelyek jól olvashatók képernyőn és nyomtatásban is.
- Hangnem: hogyan beszél a cég, tegez vagy magáz, milyen szavakat használ és melyeket kerüli.
Hogyan készül
Megismerés
Először a céget kell megérteni: kik a vevői, mitől más, mint a versenytársai, milyen benyomást akar kelteni. Egy családi asztalosműhelynek mást kell sugallnia, mint egy ügyvédi irodának.
Irányok
Két-három különböző irányt mutatok, látványtervekkel, hogy a cégvezető lássa, nem csak elképzelje. Ezek közül választunk, és azt finomítjuk.
Kidolgozás
A választott irányból elkészül a márkajel összes változata, a színek és a betűk pontos leírása, és egy rövid arculati útmutató, amit a cég bármikor továbbadhat egy nyomdának vagy egy másik szakembernek.
Alkalmazás
Végül az arculat a gyakorlatba kerül: weboldal, névjegy, levélpapír, számla- és ajánlatsablon, közösségi profilkép és posztsablon. Az arculat attól él, hogy mindenhol ugyanúgy jelenik meg.
Egy saját példa
Az AI Házmester, ennek az oldalnak a szolgáltatása, saját márkajelet kapott: az AI betűjel egy terrakotta keresztvonallal. Elkészült színes, fehér és egyszínű változatban, és mellé egy rövid útmutató arról, hogyan használható. A színek és a betűk ugyanazok a weboldalon, a böngészőikonon és a megosztási képen.
A weboldal designja
Egy egyedi weboldal-design nem attól jó, hogy látványos, hanem attól, hogy a látogató gyorsan megtalálja, amit keres, és az oldal ugyanazt a benyomást kelti, mint a cég maga. Ügyelek arra, hogy a szöveg és a háttér között elég legyen a kontraszt, mert a rosszul olvasható szöveget sokan egyszerűen nem olvassák el. Ezt nem szemmértékkel, hanem méréssel ellenőrzöm.
Hol segít az AI, és hol nem
- Segít: irányok és ötletek gyors kipróbálásában, színpaletták és betűpárok összevetésében, posztsablonok és változatok elkészítésében.
- Segít: abban, hogy a kész arculatot következetesen alkalmazzuk sok különböző anyagon.
- Nem helyettesíti: a cég megértését és az ízlésbeli döntéseket, ezek emberi munkák.
- Óvatosan: AI-val készült képet vagy jelet használat előtt ellenőrizni kell, nehogy egy másik cég védett jeléhez hasonlítson.
Ha a cégnek már van logója, nem feltétlenül kell újat készíteni. Sokszor elég a meglévőt rendbe tenni, mellé színeket és betűket választani, és egy rövid útmutatót írni. Ettől már egységes lesz a megjelenés.
Referenciák
Ezeket az oldalakat én készítettem, és ma is én üzemeltetem.
Dr. Zombory Mónika ügyvéd
drzombory.hu
Ügyvédi iroda bemutatkozó oldala Mosonmagyaróváron, magyarul, angolul és németül, szakterületekkel és időpont-egyeztetéssel.
Kézzel írt HTML és CSS, háromnyelvű
KINVA Art Portál
kinva.hu
Festészeti magazin és művészszertár egy helyen: cikkek, webáruház, tagság.
WordPress, Divi, WooCommerce webáruház
KINVA festmények
kinvafestmeny.hu
Festőművészi portfólió és katalógus: elérhető alkotások árral és méretekkel, alkotói napló, kapcsolatfelvétel.
WordPress, egyéni kódolású téma, saját fejlesztésű bővítmények
KINVA Art Akadémia
artakademia.hu
Online festés- és rajztanfolyamok saját tempóban, videós képzésekkel, tagsággal és festőtáborral.
WordPress, online kurzusrendszer
KINVA tanulási platform
learn.kinva.hu
Tanfolyamok, pigment-szintű anyagismeret és interaktív laborok, saját fejlesztésű platformon, fizetéssel és számlázással.
Next.js, Supabase, Vercel