Consent Icon
24 min read
Demján S. - Minden vállalkozásnak legyen honlapja - Ajánlati minta - Tipikus projekt - 2 - WebShop + időpont foglaló

ARCULATTERVEZÉS, UX / UI WEBDESIGN + WEBÁRUHÁZ + Időpont foglaló BEVEZETÉS

2025

PREAMBULUM

Örömmel állunk rendelkezésére, mint a Demján Sándor Program "Minden vállalkozásnak legyen honlapja" pályázatának kivitelező konzorciuma! 

Az Ön igényei alapján nemcsak egy lenyűgöző online jelenlétet hozunk létre, hanem egy teljes, működőképes webáruház-ökoszisztémát, amely a TimeBeeZ WebShop rendszerre épül, maximálisan tükrözi értékeit és stílusát, növeli szakmai hitelességét, és egyszerűsíti a kapcsolattartást az érdeklődőkkel.

Ez a rendszer biztosítja, hogy vállalkozása már az induláskor professzionális, automatizált és skálázható online értékesítési platformmal rendelkezzen — amely nemcsak szép, hanem bevételt is termel.

Ez az árajánlat részletesen bemutatja azokat a szolgáltatásokat és feladatokat, amelyekkel a bruttó 1.500.000 Ft értékű Alap + Bővített pályázati csomag keretében, akár szerződéskötéstől számított 60 napon belül megvalósítjuk az Ön digitális céljait. 

Célunk egy professzionális, letisztult, modern és üzletileg is eredményes webáruház és foglalási megoldás létrehozása, amely egyszerre képviseli a márkát és támogatja a növekedést.


Lássuk is, hogyan építjük fel az Ön online sikerét!


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


A projekt fő pillérei

A) Arculattervezés

B) UX/UI felület- és webdesign

C) TimeBeeZ WebShop bevezetés és oktatás

D) TimeBeeZ Időpont foglaló, bevezetés és oktatás

E)  TimeBeeZ CMS és ügyfélkezelő bevezetése és oktatása


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.

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étellelAmennyiben szükséges, egy további javaslattételi koncepció kidolgozása

Specifikáció

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

B) UX & UI FELÜLETTERVEZÉS / WEBOLDAL 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 
  • TimeBeeZ foglalási rendszer bevezetése a foglalható szolgáltatásokhoz.
  • 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.


KÉREM A MEGOLDÁST --> KITÖLTÖM AZ ELŐMINŐSÍTŐ ŰRLAPOT


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-, WebShop-, Időpont foglaló-, é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.
  • Naptárak és szolgáltatások adatbázisának kialakítása, kezelése.
  • 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.



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étenProjektzá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.