Consent Icon
34 min read

PREAMBULUM
A cél egy megálmodott  Webáruház arculat-, illetve webáruház tervezés és fejlesztés kiemelkedő megjelenéssel, korszerű működéssel való felruházása, amely megfelelően reprezentálja a márka által képviselt értékeket. 

Három fő részből áll a kivitelezés: A) Arculat tervezés / B) UX/UI felület tervezés / C) Webáruház fejlesztés.

A) ARCULAT TERVEZÉS

A branding projekt keretein belül egy egységes márkaélményt hozunk létre. Az így létrejövő arányrendszer vezet végig a konzekvens arculatépítés útján.

LOGÓTÓL A MÁRKAÉPÍTÉSIG

Az arculat jelentősége túlmutat egy jól megtervezett logón, formán. Olyan egységet képez az ügyfélkör vagy munkatársak felé, amelyben megjelenik a kommunikáción keresztül a vállalat személyisége és saját magáról alkotott képe is. Az arculat elemei kiegészítik és képesek támogatni egymást, hogy a márka jól azonosítható-, megkülönböztethető-, és megfelelően pozícionálható legyen. A tervezés egy a vállalattal szoros együttműködéssel létrejött, élvezetes kreatív folyamat, amely során először megismerjük a filozófiáját, célkitűzéseit, jövőképét, működését, valamint, nem utolsó sorban a célközönséget. Esetünkben meg kell találjuk közösen a megálmodni kívánt célközönségeket és nekik szóló egyedi, nívós megjelenést kell létrehozni, ami illeszkedik a hely enteriőr stílusába és atmoszférájába.

AZ ARCULATTERVEZÉS TARTALMAZZA

Logó készítés az arculat alapja. Minden brand meghatározó eleme a logó, ezért az arculattervezés első lépéseként a logótervezést végezzük el. Amikor a logó elkészül, ezután következhet az arculattervezés következő fázisa, az arculati elemek kialakítása. A logó kiváló alapot nyújt az arculat további elemeinek tervezésénél. A névjegy, a levélpapír nyomtatott alapon, social media profilképek és borítóképek pedig online képviselik cégét. Az új arculati elemek alapján kidolgozott design fájlokat átláthatóan és logikusan felépített mappa rendszerben, forrás fájlokkal együtt adunk át felhőben. 

  • Vizuális megjelenés tervezése átfogóan kidolgozott javaslattétellel
  • Amennyiben szükséges, egy további javaslattételi koncepció kidolgozása


SPECIFIKÁCIÓ

  • Logó és variációi
  • Alap arculati elemek
  • Színek
  • Typok
  • Formák
  • Kompozíció
  • Weboldal megjelenés
  • Közösségi média megjelenés
  • Facebook
  • Instagram
  • Linkedin
  • Tik-tok
  • Youtube


B) UX & UI FELÜLETTERVEZÉS / WEBÁRUHÁZ TERVEZÉS

CÉL

márkanévhez tartozó webáruház megtervezése. Olyan kétpólusú felületet alkossunk, amelyen az érdeklődő végfelhasználók egyszerűen és kényelmesen tudjanak navigálni, böngészni, vásárlásra ösztönözni. Fontos, hogy könnyűnek és egyértelműnek érződjön, ugyanakkor megvalósítsa a komplex működést, amelyet az értékesítendő termék, illetve szolgáltatás megkíván.

MUNKAFOLYAMAT 

A folyamat legelején meg kell határozzuk a célcsoportot vagy célcsoportokat. Erre azért van szükség, mert a célcsoport számára kell tervezzük a felületeket, az ő szemüvegén át kell vizsgáljuk, hogy használható legyen.  Ezután állítjuk össze a "user journey-t", azaz a felhasználó útját a webes alkalmazásban, ami tartalmazza átlátható formában teljes folyamatot a funkciókkal és a logikai elágazásokkal. Ez elengedhetetlen egy tudatos és minden szempontból végiggondolt designnak. 

Ezekre az alapokra építve Sitemap-et és Információs architektúrát hozunk létre. Ez tartalmazza a weboldal minden tartalmát és annak hierarchiáját. Erre azért van szükség, hogy rapid módon tudjuk kialakítani a tervezés fázisait.

A letesztelt struktúrára készülhet el a felöltöztetés, azaz a később programozandó vizuális design. Ennek első lépése egy design koncepció elkészítése, amely bemutatja a fontosabb elemeit a rendszernek tehát a vizuális irányt.

A weboldalhoz szükséges szövegek, képek, videók és egyéb médiaelemek feltöltése. Oldalak, aloldalak és menüpontok struktúrájának kialakítása. SEO-alapelvek szerinti optimalizált tartalom feltöltés. Tesztelés, hogy minden elem megfelelően jelenik meg és működik.


C) WEBÁRUHÁZ FEJLESZTÉS

A grafikai arculattal koherens profi megjelenés mellett a cél az, hogy olyan felületet alkossunk, amelyen a felhasználók egyszerűen és kényelmesen tudjanak navigálni, információ típusok között választani, megérteni a folyamatokat. A funkciói jól érthetően elkülöníthetővé és könnyen felfoghatóvá váljanak. Fontos, hogy könnyűnek és egyértelműnek érződjön a felület használata, ugyanakkor megvalósítsa komplex működést.

PLATFORM ÉS TECHNIKAI FELTÉTELEK

  • TimeBeeZ tartalomkezelő és ügyfélkezelő rendszer 
  • A beépülő eszközök egyedi, reszponzív frontend és tartalomkezelés mellett magas fokú CMS automatizálást tesznek lehetővé
  • Tailor made megjelenés létrehozása, egyedi stílus készlet hozzáadásával pontosan az arculathoz illeszkedően.
  • Fluid reszponzív, mobilbarát megjelenés
  • SEO szemantikus tartalom feltöltés a hatályos Google szabályzat alapján
  • sitemap.xml és robots.txt, valamint a .htaccess helyes beállítása
  • HTTPS protokoll használata a nagyobb biztonság érdekében
  • Facebook PIXEL code implementálása későbbi marketing tevékenységhez (opcionális)
  • Google TAG Manager kód integrálása későbbi marketing tevékenységhez (opcionális)
  • Hírlevélre való feliratkozás lehetősége szintén elérhető a TimeBeeZ-ben, ahogy a kapcsolódó hírlevél küldés, továbbá BLOG motor.
  • Google Analytics bekötése a látogatottsági adatok méréséhez.


EXTRA: Prémium szintű sebesség optimalizálás a legfrissebb szabványok szerinti weboldal felépítésben.

EXTRA: Prémium kép optimalizálás és előkészítés minden lehetséges új generációs fájl kiterjesztésben.

Mindezek nagyfokú versenyelőnyt jelentenek technikailag a keresőoptimalizálásban és oldalunk minőségi mutatóinak magasan tartásában. Referenciaeszközeink a pingdom.com és a gtmetrix.com, amelyek segítségével valós és valid adatok lekérésére van lehetőség weboldalunk teljesítményére vonatkozóan. A Google Page Developers Insight által készített értékelést annak esetlegessége miatt referenciaként nem használjuk.


FELADATOK LEÍRÁSA - RÉSZLETES FUNKCIONALITÁS

Domain név és Tárhely:

  • 2 évre biztosított domain név (.hu, .com, .net, .org, .biz, .info végződéssel választható).
  • Legalább 3 GB tárhely a weboldal fájljainak és adatainak tárolására 24 hónapra.
  • E-mail címek és postafiókok biztosítása (legalább 1 GB tárhely/fiók), webmail hozzáféréssel.
  • Postmaster (admin) hozzáférés és részletes útmutató az e-mail fiókok beállításához.


CMS tartalom-, web- és ügyfélkezelő rendszer

  • Felhasználóbarát adminisztrációs felület a tartalom (szövegek, képek, portfólió elemek) egyszerű kezeléséhez és frissítéséhez.
  • Képgaléria, képszerkesztő és képméret-optimalizáló funkciók.
  • Termékek, termékkategóriák, címkék, meta adatok kezelése
  • Dokumentumfeltöltés és kezelés.
  • Közösségi média linkek és megosztási gombok integrációja.
  • Analitikai eszközök (Google Analytics, Google Search Console) integrációja a weboldal látogatottságának és teljesítményének nyomon követéséhez.
  • Webbiztonsági funkciók: DDoS védelem, SSL tanúsítvány (https), spambot védelem, titkosított adminisztrációs felület, adatbázis mentések.
  • Az egyedi stílust kiemelő és tükröző, a megjelelölt inspirációs oldalakhoz hasonló letisztult, elegáns design (UI).
  • Felhasználóbarát (UX) felépítés és navigáció, a látogatók könnyű tájékozódáshoz.
  • Teljesen reszponzív design, amely mobiltelefonon, tableten és asztali számítógépen is tökéletesen jelenik meg.
  • Emelt szintű weboldal sebességoptimalizálás.
  • SEO szemantikus kódolás és struktúra a lokális keresések elősegítésére.
  • Kapcsolati, ajánlatkérő űrlap, időpontfoglalás, amelyen keresztül az érdeklődők közvetlenül tudnak üzenetet küldeni, konzultációt vásárolni..
  • Vállalkozás testreszabása: Az Ön vállalkozásának alapadatai, elérhetőségei, nyitvatartási ideje rögzítése a platform admin felületén.
  • Automata értesítések beállítása: Az e-mail értesítések sablonjainak és működésének előkészítése (pl. rendelés visszaigazolása, emlékeztetők).
  • Fizetési módok előkészítése: online fizetési rendszer integrálva, külön regisztrációt nem igényel 
  • Számlázási modul - Beépített külön integrációt nem igényel
  • Jogi megfelelőségi elemek (adatvédelmi tájékoztató, ÁSZF, süti tájékoztató) integrálása.


FELADATOK ÉS FUNKCIÓK

  • Logó és arculati elemek létrehozása
  • Arculati elemek webes kiegészítése
  • Webdesign system készítése
  • Webdesign tervezés - Teljes project előtt (desktop – mobil)
  • Landing oldal készítése
  • Webdesign tervezés - Teljes (desktop-mobil)
  • Sitemap
    • Főoldal 
    • Rólunk
    • Termékek
    • Blog
    • Adott blog oldal egyéni oldal
    • Kapcsolat
    • Leíró oldalak (adatvédelem, ászf, stb.)
    • Kiegészítő elemek (404 oldal, popup minta, stb.)
  • Webfejlesztés
    • Webtárhely és domain menedzsment
    • Webdesign system implementálás
    • Webdesign tervezésnél felsorolt oldalak és tartalomtípusok
    • Pixelpontos reszponzív fejlesztése, és adatbázisba kötése
    • Tartalomkezelő-rendszer konfigurálása
    • Szerkeszthető admin felület fejlesztése a dinamikus tartalmak számára
    • Hírlevél-integráció
    • Analitikák integrálása
    • Webbiztonsági fejlesztése
    • Robot és űrlapvédelem
    • Weboldalsebesség-optimalizálás
  • Technikai SEO beállítások elvégzése
  • WebShop
    • Vállalkozás, Számlázás, Fizetés, kiutalás felparaméterezése 
    • WebShop motor felparaméterezése
    • WebShop kezdeti adatfeltöltés
    • Oktatás: 
      • Beállítások, Termékek kezelése, Megrendelések kezelése,
      • Kedvezmény rendszerek beállítása, Kiszállítási módok kezelése
    • Használati dokumentációk átadása
    • WebShop élesítés
  • Betanítás – A tartalomkezelő munkatársak számára online betanítási workshopot rendezünk, hogy az alapvető tartalomkezelést megismertessük a cég munkatársaival egy alkalommal.


Közösségi média Integráció és kampány:

  • Facebook és Instagram profilok arculati elemeinek frissítése (borítókép, profilkép).
  • Direkt linkek a weboldalról a közösségi média profilokra.
  • Tanácsadás tartalom gyártáshoz és posztolási stratégiához.
  • Egy vevőszerző image kampány koncepciójának kidolgozása (célzási javaslatok, üzenetek, vizuális irányelvek).


DÍJSZABÁS

Az ajánlatban szereplő tételek megnevezése.

Tervezett projektindítás: A szerződéskötést követő 3 héten

Projektzárás: A projektindítást követő 4-6 héten


  • Preplanning
  • Branding
  • UX design
  • UI design
  • UI testing
  • UX/UI documentation
  • Backend Development
  • Frontend Development
  • WebShop és CMS beállítás, oktatás, élesítés
  • Go Live


SZÜKSÉGEM VAN A MEGOLDÁSRA --> KITÖLTÖM AZ ELŐMINŐSÍTŐ ŰRLAPOT




Comments
* The email will not be published on the website.