Honlap és névjegykártya

A sajátjaimon kívül eddig három honlapot üzemeltem be. Legutóbb a Biai-Autó-Doki részére készítettem egy weboldalt. A képre kattintva a működő honlap is elérhető már:

A családi vállalkozás kétféle tevékenységet folytat: gépjármű javítás és könyvelés. A tevékenység különbözősége miatt a webdizájn és arculattervezés során inkább a cég értékrendjét szerettem volna hangsúlyozni elsősorban a színhasználattal valamint az elrendezéssel.

Fő színnek a sötétkéket választottuk. A tengerészkék árnyalat megbízhatóságot, felelősségtudatot, hitelességet, rendszerességet jelképez, amely mindkét szakmánál egyaránt fontos. A fehér háttér még inkább kiemeli pozitív tulajdonságait, ugyanakkor frissebbé, áttekinthetőbbé válik az összhatás. Egy kevés vörössel (a címeknél) adtam hozzá némi változatosságot és dinamikát.

Az elrendezés áttekinthető és egyszerű.

A logó nem az én tervem, ezt még nagyon régen egy grafikus készítette, csak papíron és fólián volt meg, így digitalizáltam. Ez a fejléc egyetlen díszítő eleme. Az egyik gombra negatívként raktam fel. A másik gombra ugyancsak negatívként a könyvelést szimbolizáló számológépet.

Ez a honlap is a wordpress 2010 Weaver sablonjára épült, akárcsak az előző (autósiskolás), mégis az egyedi színek és elemek miatt teljesen más a kettő.

Névjegykártyát is szerkesztettem, szintén a fent leírt elvekhez tartottam magam:

Az általam eddig tervezett wordpress weboldalak galériája itt, a névjegykártyáké itt látható.

 

Facebook welcome page

Múlt héten készítettem ezt az üdvözlő lapot a saját Facebook oldalamra. (Ha rákattintasz követhetsz is! 😉

Amiről most írni fogok most, elsősorban a rajongói oldallal rendelkező scrapbook dizájnereket érdekelheti, illetve bárkit, akinek valamilyen üzleti vállalkozása van, vagy most tervezi,  és szeretné, ha minél többen megismernék.

Ha céged van, akár rendelkezel weboldallal, akár nem, mindenképp hasznos és nagyon hatékony reklámfelület egy facebook oldal.

A Facebook folyamatosan változik és mivel ingyenes eszköz, ami nem a miénk, csak használjuk, így kizárólagosan erre építeni és túl sok pénzt belefektetni nem érdemes, viszont kiegészítésnek nagyon hasznos lehet, főleg ha ügyesen használjuk.

Lehetőség van arra is, hogy ha már rendelkezel máshol valamilyen arculattal, (van névjegykártyád, logód, szórólapod, weboldalad stb.) akkor az a facebookon és tükröződjön.

Elsőként a profilkép, mely a bal oldalon látszódik 180 pixel szélességben. Magassága maximum 540 pixel lehet.

Ez a kép lesz a bélyegkép is, amely a posztjaid mellett mindössze 50 pixel széles miniatűrként látszódik, ezért úgy érdemes kialakítani, hogy kis méretben is felismerhető legyen. Ha nem az egész képet használjuk a bejegyzéseink mellé, akkor pedig rendelkezzen egy kivágható részlettel, amiről könnyen be tudnak azonosítani minket.

Készíthetünk saját kezdőoldalt is. Ez nagyon praktikus, ugyanis alapértelmezett állapotban kezdőoldalként az üzenőfalunk van megadva, ahol a rengeteg hír között leendő követőnk, esetleg nem látja meg a lényeget, azt, hogy pontosan mivel is foglalkozik az oldalunk. Egy saját landing page kialakítása nagyon egyszerűen, ingyen és programozói tudás nélkül is megoldható!

Egy ilyen kezdőoldalnál a következőkre kell törekedni:

  • Stílusában mindenképp a profilképpel legyen összhangban!  Ha logót használtunk profilképnek, akkor jó, ha az a kezdőoldalon is megjelenik.
  • Ne tartalmazzon túl sok információt, inkább a lényegre hagyatkozzunk!
  • Ha sokat és interaktívan (a követőket is bevonva) foglalkozunk a facebook oldalunkkal, akkor hagyományos értelemben vett reklám helyett inkább azt mutassuk meg látogatóinknak hogy miért érdemes minket követnie! Tehát ne azt írjuk, hogy “Divatos ruhák eladók” inkább azt, hogy “Elsőként értesülhetsz a legújabb trendekről”. Így nem csak az fog követni, aki most szeretne vásárolni, hanem az is, aki egyelőre csak információkat gyűjt és ha jó, az amit Te mutatsz, valamint szimpatikus is vagy számára, akkor biztos, hogy később Tőled fog vásárolni.
  • Mérete 520 pixel széles, tetszőleges magasság (650 pixel körül például egy jó arány és nem kell lefelé görgetni)
  • Legyen aktuális! Vagy állandó, mindig érvényes tartalommal töltsük fel, vagy pedig a jelenlegi akciókra hívjuk fel a figyelmet!  Utóbbi esetben viszont feltétlenül le kell cserélni, ha már véget ért. Lehet cserélgetni évszakhoz, alkalomhoz (pld. ünnepek) igazodva is.

Beillesztésére többféle lehetőség van. Legközelebb elmesélem hogyan csináltam.

Webdizájn

Régebben említettem, hogy unokaöcsémnek készítettem egy blogruhát a pitbike-os készletem elemeiből. Most egy igazi céges weboldal készítésére kaptam felkérést,  de nemcsak a dizájn hanem az egész oldal felépítése is az én feladatom volt.  A wordpressnek van egy fantasztikusan rugalmas, nagyon könnyen formázható sablonja a 2010 Weaver, ezt alakítottam át. Ha lesz időm egyszer valamikor, akkor a sajátomat is kiszabom ebből az anyagból.

Érdekel nagyon az arculattervezés, amikor a saját logómat és fejlécemet készítettem, akkor utánanéztem ezeknek a dolgoknak. Sajnos ilyet a DTP tanfolyamon (ahol sikeresen levizsgáztam pár héttel ezelőtt) nem tanultunk (nem tartozik az operátori feladatok közé), de nagyon  szeretnék  ilyenekkel is foglalkozni. Most ez egy újabb lehetőség volt a gyakorlásra.

Arculattervezésnél a kiindulópont mindig a logó,  ehhez szokás igazítani minden mást, ezért a legfontosabb elemnek tekinthető. Tükrözheti a cég tevékenységét vagy értékeit grafikai illetve karakteres elemeivel, színeivel.
Én végül karakteres logót készítettem, ahol a cég kezdőbetűi fonódnak össze. A színek közül a szürke és narancs a megrendelő kívánsága volt, szerintem nagyon jó választás a narancssárga, mert energiát és dinamizmust kifejező szín ugyanakkor mellette a szürke profizmust és megbízhatóságot sugall. A feketét és fehéret a kontraszt miatt tettem bele. Ezek lettek a fő színek:

A honlaphoz kiegészítő színek is kerültek még, elegáns betűtípusokat választottam, a logó pedig egy képzeletbeli rendszámtábla része lett és a weboldal fejlécében kapott helyet:

Persze mire ez a végeredmény megszületett, előzőleg legalább 10 példány készült mindenből többféle stílusban és színvilágban.

Az érdekesség kedvéért kiteszem az egyik első próbálkozásom egy másik színpalettával:

Tervezés után intéztem a domain-t és a tárhelyet, majd elkezdődött a weblap felépítése, mindenféle kiegészítők telepítése, a tartalom feltöltése, ami még most is folyamatban van, de ez nem baj, a wordpress-ben pont az a jó, hogy formázható, alakítható bármikor egyszerűen.  Ebben  sablonban még az is nagyon tetszett, hogy könnyű volt beállítani a betűtípust, lehet variálni az elrendezést,  és a különböző elemek színeit is hozzá tudtam igazítani a fenti palettához. Élesben ki lehet próbálni a különféle fejléceket és háttereket, vajon melyik mutat a legjobban. Végül különféle trükkök bevetése annak érdekében hogy egyáltalán a keresőrobotok rátaláljanak… eddig nem sok sikerrel, de talán most…

Ha kíváncsi vagy rá, hogy milyen lett a végeredmény akkor kattints a következő linkre: Contact-Road Autósiskola