Nyiss meg öt AI eszközzel készült oldalt, és ugyanazt az oldalt látod ötször. Középre igazított főcím, mögötte színátmenet, három egyforma kártya egymás mellett, véleménysáv, záró felhívás. Egyik elem sem hibás önmagában. Az a gond, hogy egyik sem a te vállalkozásodból jött.
A látogató nem tudja megnevezni a mintát, de érzi. Egy generikus oldal azt üzeni, hogy a cég nem sokat gondolkodott azon, hogyan mutatkozik be.
Ez az a tíz változtatás, amit elsőként csinálok.
1. Cseréld le az alapértelmezett betűtípust
A legtöbb generált oldal azt a betűt használja, amivel a sablon érkezett, gyakran az Intert. Válassz a címsorokhoz egy karakteres betűtípust, a szövegtesthez pedig egy egyszerű, jól olvashatót. Két betűtípus bőven elég.
2. Szűkítsd a színpalettát
Az AI kedveli az átmeneteket és a sokféle kiemelőszínt. Válassz egy főszínt, egy semleges skálát és egy kiemelőt, amit csak a műveleti gombokra használsz. Ha van logód, a színeket abból vedd.
3. Írd újra a főcímet egyszerű szavakkal
Az “Emeld új szintre a vállalkozásod zökkenőmentes megoldásokkal” bármelyik cégről szólhatna. Írd le, mit csinálsz, kinek és hol. Az a főcím teszi a dolgát, amit egy idegen nem tudna összetéveszteni egy másik vállalkozáséval.
4. Használj valódi fotókat
A sztáképek és a generált képek gyorsan elárulják az oldalt. A saját munkádról, a helyedről vagy a csapatodról készült fotó többet tesz a bizalomért, mint bármilyen elrendezésbeli változtatás. Még egy telefonnal készült kép is, ha éles és jól megvilágított, jobb, mint egy csillogó kép senkiről.
5. Variáld az elrendezést
Három egyforma kártya egymás mellett, az oldalon végig ismételve, a legnyilvánvalóbb árulkodó jel. Legyen egy szekció széles, egy keskeny, egy csak szöveges. Nem kell minden blokk köré keret.
6. Javítsd a térközöket
A generált oldalakon gyakran egyenetlen a függőleges ritmus: az egyik helyen nagy hézag, a másikon zsúfolt elemek. Válassz egy térközskálát, és tartsd magad hozzá. Az egységes térköz az egyik legolcsóbb módja annak, hogy egy oldal profin nézzen ki.
7. Ellenőrizd a kontrasztot és a szövegméretet
A világosszürke szöveg fehér vagy sötét háttéren elegánsnak tűnik, és nehéz olvasni. A szövegtest legyen legalább 16 px, a szöveg és a háttér közti kontraszt pedig feleljen meg a WCAG szerinti 4,5:1 aránynak. Ez az akadálymentesség miatt számít, és annak is, aki a telefonját kint, a napfényben olvassa.
8. Töröld, ami semmit nem csinál
Kitalált statisztikák, “ezrek bíznak bennünk” sáv megnevezett ügyfelek nélkül, dísz ikonok, amelyeknek nincs jelentésük. Ha egy állítást nem tudsz igazolni, töröld. Egy őszinte, rövidebb oldal jobban olvasható, mint egy feltöltött.
9. Legyen egyértelmű a fő művelet
Minden oldalon legyen egyetlen dolog, amit a látogatótól várunk: hívás, időpontfoglalás, ajánlatkérés. Az ehhez tartozó gomb legyen jól látható, és ismételd meg ott, ahol van értelme. A “Kezdjük el” helyett írd ki a valódi műveletet, például: “Ajánlatot kérek”.
10. Próbáld ki telefonon
A legtöbb AI eszköz asztali gépen mutatja az előnézetet. Nyisd meg az oldalt egy valódi telefonon. Nézd meg, elég nagyok-e a koppintható felületek, nem lóg-e ki semmi oldalra, és működik-e a menü.
A dizájn csak egy része
Egy oldal kinézhet jól, és még mindig nem készen áll az élesre. Kell hozzá rendes tárhely, domain, működő űrlapok és alapvető SEO. Ha ide jutottál, olvasd el: hogyan tedd fel a Lovable vagy Bolt oldalad a saját domainedre.
Szeretnéd, hogy valaki megcsinálja helyetted?
AI-val generált projekteket veszek át, és olyan oldalt csinálok belőlük, ami a te vállalkozásodhoz tartozik. A kód és a tárhely a tiéd marad.
Küldd el az oldalad, vagy nézd meg az AI-s weboldal rendbetétel szolgáltatást.