HTML + CSS
Egyedi, reszponzív megjelenés a szalon arculatával.
Ebben a dokumentumban10
← Összes projekt
CASE STUDY / TEXTURA Salon
A szalon élménye az első képernyőn kezdődik.
A TEXTURA újlipótvárosi szalonjának oldalán a bemutatkozás és az időpontfoglalás egyetlen, tudatosan felépített út. Saját fotók, karakteres tipográfia és két nyelven elérhető tartalom segíti a látogatót a szalon megismerésétől a választott szakember foglalási oldaláig.
- A projekt állapota
- Nyilvános weboldal
- Fókusz
- Webdesign · HU / EN · Foglalási integráció
01 / KIINDULÓPONT
Az üzleti feladat
A hely személyiségét úgy kellett átadni, hogy közben a szolgáltatás, az ár, a szakember és a foglalás telefonon is gyorsan megtalálható maradjon. A magyar és az angol látogatónak ugyanilyen teljes élményt kellett kapnia.
A TERVEZÉSI DÖNTÉS
Minden bemutatkozó rész a következő döntést segíti: milyen szolgáltatást szeretnék, kihez foglalnék, hogyan jutok el hozzá.
WORKFLOW / TEXTURA Salon
Így áll össze a felhasználói út.
- 01 / HANGULAT
Ismerd meg a szalont
Saját enteriőrképek és csapatbemutató mutatják meg a hely karakterét.
- 02 / VÁLASZTÁS
Találd meg a szakembert
A szolgáltatások, árak és bemutatkozások segítenek választani.
- 03 / FOGLALÁS
Lépj a foglalási felületre
Közvetlen Fresha-hivatkozás vezet a választott szakember időpontjaihoz.
02 / MEGVALÓSÍTÁS
A megvalósítás logikája
A fekete-fehér képi világot és a tipográfiát a valódi szalonfotókhoz igazítottuk. A szolgáltatások, az árak és a csapattagok rövid úton elérhetők, mobilon pedig külön foglalási sáv segíti a következő lépést. A csapattagok saját Fresha-hivatkozást kapnak, és a magyar, illetve angol oldal párhuzamos tartalmi szerkezetet használ.
Fejlesztések a gyakorlatban
A fejlesztés lényeges megoldásai
A kiválasztott szakemberig tartó út
A csapatbemutató nem zsákutca: a megismert szakemberhez közvetlen foglalási hivatkozás vezet.
A mobilos következő lépés kéznél marad
A rögzített foglalási sáv a hosszabb bemutatkozó és galériarészek böngészése közben is elérhető.
Ugyanaz a karakter két nyelven
A magyar és angol tartalom azonos vizuális szerkezetben mutatja be a szalont, a szolgáltatásokat és a csapatot.
A működés mögött
Technológiák és felépítés
Az oldal egyedi HTML-, CSS- és JavaScript-megvalósítás, külön magyar és angol tartalommal. A bemutatkozás, a szolgáltatások és a csapat ugyanabban a vizuális rendszerben jelenik meg. A foglalás a Fresha rendszerében történik; a weboldal a megfelelő foglalási belépési pontra irányít.
JavaScript
Mobilmenü, galéria és a foglaláshoz vezető felületi interakciók.
Fresha
Külső időpontfoglalás, a csapattagokhoz vezető közvetlen hivatkozásokkal.
Schema.org / JSON-LD
Strukturált szalonadatok és a tartalom keresők számára értelmezhető leírása.
DELIVERY / FEJLESZTÉSI KÖR
Ami elkészült
- Egyedi, reszponzív szalonoldal magyar és angol változattal
- Szolgáltatások, csapattagok, árlista és valódi képgaléria
- Csapattaghoz vezető Fresha-foglalási hivatkozások
- Mobilon rögzített gyors foglalási és kapcsolatfelvételi sáv
- Nyelvi alternatívák és strukturált szalonadatok
A mi szerepünk
Webdesign, frontend-megvalósítás, tartalmi szerkezet és a külső foglalás összekötése a weboldallal.
A projekt állapota
A bemutatott weboldal nyilvánosan elérhető. Az időpontfoglalást a Fresha külön rendszere kezeli.
A szalon weboldalaTovábbi munkák
Ügyfélmunka
KGC-Bérlés
A gépkatalógustól az ügyfélportálig: bérlés, alkatrészigény, bolti ügyintézés és kijelzővezérlés közös webes rendszerben.
Üzleti platform · folyamatos fejlesztés
Megnézem a projektet — KGC-Bérlés
Innovációs prototípus
Poparch
Építészeti tervfeldolgozó prototípus: támogatott vektoros PDF-ekből javítható mennyiségek, költségbecslés és szakmai export.
Működő prototípus · zárt bemutató
Megnézem a projektet — PoparchA TE KÖVETKEZŐ LÉPÉSED
Melyik folyamatodat építsük újra?
projects / atlas.workspace
Projektatlasz
06 / VALÓDI PROJEKTNézz a felületek mögé. Keress a megoldások között, nagyíts bele a valódi képekbe, és tegyél két projektet egymás mellé.
6 projekt
Válassz legfeljebb kettőt az összevetéshez.Ügyfélmunka
KGC-Bérlés
A gépkatalógustól az ügyfélportálig: bérlés, alkatrészigény, bolti ügyintézés és kijelzővezérlés közös webes rendszerben.
- Alkatrészkeresés közvetlenül az ábráról
- Egy ügyfélút, több munkafelület
Üzleti platform · folyamatos fejlesztés
Innovációs prototípus
Poparch
Építészeti tervfeldolgozó prototípus: támogatott vektoros PDF-ekből javítható mennyiségek, költségbecslés és szakmai export.
- A PDF-ből szerkeszthető adat lesz
- A szakértő javíthatja a becslést
Működő prototípus · zárt bemutató
Ügyfélmunka
Strabor
Saját ügyfélalkalmazás egy szakember napi munkájához: árbecslés, időpontkérés, fotók, üzenetek és szolgáltatói adminisztráció.
- A feladat és az egyeztetés együtt marad
- Saját kézben tartható kapacitás és árak
Nyilvános weboldal és ügyfélalkalmazás
Egyesületi munka
BPSE
Digitális eszközök a pétanque közösségnek: versenyszervezés, csapatoldali eredménybevitel, nézői állás és közös sportinformációk.
- Külön szerepek, közös verseny
- Papírról a megfelelő mobilképernyőre
Nyilvános alkalmazás
Ügyfélmunka
TEXTURA Salon
Egyedi, kétnyelvű szalonoldal, ahol a valódi tér, a szakemberek és a szolgáltatások közvetlen foglalási úttá állnak össze.
- A kiválasztott szakemberig tartó út
- A mobilos következő lépés kéznél marad
Nyilvános weboldal
Ügyfélmunka
Foxxi
Egy működő klinikai weboldal továbbfejlesztése: szerkeszthető WordPress, két szakterület, rendezett magyar–angol ügyfélút.
- Szerkeszthetőség az örökölt megjelenés mögött
- Két szakterület, követhető döntési út
Nyilvános weboldal
Erre most nincs találat.
Próbálj más funkciót vagy töröld a szűrőket.
compare / projects
Egymás mellett világosabb.
A bemutatott funkciókat és a jelenlegi állapotot vetjük össze. Minden projekt más feladatra készült.
Jelölj ki két projektet a fenti kártyákon.
A szűrő és a kijelölt projektek is megmaradnak.
MYFORGE / DELIVERY LABINTERAKTÍV MŰHELYBEMUTATÓ
A jó szoftver mögött
jó döntések állnak.
Megértjük az üzleti helyzetet, megtervezzük a rendszert, majd ellenőrizhető lépésekben építjük fel. Nézz be a műhelybe: válassz egy projektet, és kövesd végig, hogyan kapcsolódik össze a kutatás, az emberi döntés és az AI-val támogatott fejlesztés.
SZEREP ÉS ÁTADHATÓ EREDMÉNYGemini + NotebookLM
Források, nyitott kérdések és SSP-brief.
MIT AD EZ NEKED?
Előbb tiszta helyzet, aztán fejlesztés.
A cél és a korlátok közös tisztázása segít eldönteni, mi kerüljön az első működő változatba.
Továbblépés előttEgyeztetjük, melyik problémát oldjuk meg, és miből látszik majd, hogy sikerült.
KÜLÖN SZAKÉRTELEM. KÖZÖS KONTEXTUS.
A szerepek a kiválasztott fázissal változnak.A megfelelő eszköz a megfelelő feladathoz.
Gemini + NotebookLM
Kutatás és források
KGC-Bérlés
Melyik állítást milyen forrás támasztja alá?
Egy géphez egyszerre tartozhat bérlési igény, tartozék, alkatrész és szervizügy. A feladat ezek kapcsolatának megőrzése volt akkor is, amikor az ügyfél az online felületről a boltba érkezik, vagy másik munkatárs veszi át az egyeztetést.
BMAD + Claude
Tervezés és feladatbontás
KGC-Bérlés
Hogyan lesz a briefből ellenőrizhető terv?
Ügyféloldali és belső webalkalmazás-fejlesztés: katalógusok, igényleadás, ügyfélkarton, ügyhöz kötött kommunikáció, pultos és szervizes nézetek. Emellett az alkatrészmotor felületi integrációja, a kioszk kezelése és a kijelzőműsorok szerkesztése, közzététele és időzítése.
Codex
Review és tesztek
KGC-Bérlés
Milyen eredmény igazolja majd a változást?
Asztali alkatrészábráról indulva eljutunk a helyes cikkszámig és a tételes igényig?
SSPA fejlesztés közös kiindulópontja
01 / Cél
A gépkatalógustól az ügyfélportálig: bérlés, alkatrészigény, bolti ügyintézés és kijelzővezérlés közös webes rendszerben.
02 / Kontextus
Egy géphez egyszerre tartozhat bérlési igény, tartozék, alkatrész és szervizügy. A feladat ezek kapcsolatának megőrzése volt akkor is, amikor az ügyfél az online felületről a boltba érkezik, vagy másik munkatárs veszi át az egyeztetést.
03 / Korlátok
Ügyféloldali és belső webalkalmazás-fejlesztés: katalógusok, igényleadás, ügyfélkarton, ügyhöz kötött kommunikáció, pultos és szervizes nézetek. Emellett az alkatrészmotor felületi integrációja, a kioszk kezelése és a kijelzőműsorok szerkesztése, közzététele és időzítése. A bemutatott modulok elkészültek, a rendszer fejlesztése folyamatos. A webes bérlés munkatársi visszaigazolást igényel. A teljes ERP-szinkron, az online bankkártyás fizetés és az automatikus számlázás külön fejlesztési feladat; a fizikai bolti kioszk átvételi próbája még hátravan.
04 / Ellenőrizhető eredmény
Javasolt elfogadási kérdés · ellenőrzésre vár
Asztali alkatrészábráról indulva eljutunk a helyes cikkszámig és a tételes igényig?
PROJEKTDOKUMENTUM · SZEMLÉLTETŐ MINTA
A feladat keretei
A cél, a kontextus és az elfogadás feltétele egy helyen.
# KGC-Bérlés / brief.md
> SZEMLÉLTETŐ MINTA · Nyilvános portfólióadatokból. Nem ügyfélbrief vagy jóváhagyott projektterv.
## Kutatás · Gemini + NotebookLM
A források áttekintéséből ellenőrizhető feladatleírás készül. A példa a portfólióra támaszkodik; élő kutatást nem indít.
## SSP / Cél
A gépkatalógustól az ügyfélportálig: bérlés, alkatrészigény, bolti ügyintézés és kijelzővezérlés közös webes rendszerben.
## SSP / Kontextus
Egy géphez egyszerre tartozhat bérlési igény, tartozék, alkatrész és szervizügy. A feladat ezek kapcsolatának megőrzése volt akkor is, amikor az ügyfél az online felületről a boltba érkezik, vagy másik munkatárs veszi át az egyeztetést.
## SSP / Korlátok
Ügyféloldali és belső webalkalmazás-fejlesztés: katalógusok, igényleadás, ügyfélkarton, ügyhöz kötött kommunikáció, pultos és szervizes nézetek. Emellett az alkatrészmotor felületi integrációja, a kioszk kezelése és a kijelzőműsorok szerkesztése, közzététele és időzítése.
A bemutatott modulok elkészültek, a rendszer fejlesztése folyamatos. A webes bérlés munkatársi visszaigazolást igényel. A teljes ERP-szinkron, az online bankkártyás fizetés és az automatikus számlázás külön fejlesztési feladat; a fizikai bolti kioszk átvételi próbája még hátravan.
## SSP / Ellenőrizhető eredmény
Javasolt elfogadási kérdés; ellenőrzésre vár:
- [ ] Asztali alkatrészábráról indulva eljutunk a helyes cikkszámig és a tételes igényig?
## Következő átadás · BMAD + Claude
- [ ] A forrás, a tény és a nyitott feltételezés elkülönítése
- [ ] Az SSP céljának, korlátainak és elfogadási feltételeinek közös átnézése
- [ ] A megvalósítási irány és az ellenőrzés jóváhagyása
## Tanulási kör
A kutatás korábbi, jóváhagyott tanulságokból is indulhat. Új megállapítás csak forrással, kristályosítás után, jóváhagyott célhelyre vezethető tovább.
## A portfólióban jelzett állapot és korlátok
A bemutatott modulok elkészültek, a rendszer fejlesztése folyamatos. A webes bérlés munkatársi visszaigazolást igényel. A teljes ERP-szinkron, az online bankkártyás fizetés és az automatikus számlázás külön fejlesztési feladat; a fizikai bolti kioszk átvételi próbája még hátravan.
Forrás: https://www.myforgelabs.com/esettanulmanyok/kgc-berles/A projekt lezárul. A tudás velünk marad.
A kutatás korábbi, átnézett és jóváhagyott tanulságokat is használhat.
Eredmény és tesztnyom
A tényleges eredmény, környezet és korlátok rögzítése.
Kristályosítás
A tartósan hasznos tanulság kiválasztása és ellenőrzése a nyers tapasztalatból.
Így lesz belőle tudásJóváhagyott továbbvezetés
Átnézés után, jóváhagyott célhelyre: projektdokumentum, döntés vagy közös tudás.
A jóváhagyási pontVissza a kutatáshoz, jobb kontextussal.
Gemini + NotebookLMknowledge / connected.workspace
Együtt dolgozó rendszerek. Építkező tudás.
INTERAKTÍV MINTAA MyForge Superintelligence összekapcsolja a projektjeink kontextusát, az AI-eszközök szakosodott szerepeit és a fejlesztői döntéseket. Ami egy munkában értékes tanulság lett, a következő feladatnál már visszakereshető tudás.
01 / knowledge graph
A közös tudás működési térképe.
Kattints egy csomópontra a részletekért. Húzással vagy fókuszban a nyílbillentyűkkel átrendezhető. Mobilon a lenti lista is használható.
A csomópontok listája 13
capabilities / reusable methods
Módszerek, amelyek a feladathoz igazodnak.
02 / discord handoffs
A kérés útja az ügyféltől a megoldásig.
Minden átadásnak van felelőse, feladata és kézzelfogható kimenete. A Discord-alapú együttműködést előre megírt üzenetváltás szemlélteti: végigkövetheted, hogyan jut el az igény a kutatáson és a fejlesztésen át az emberi jóváhagyásig.
project-handoffIndításra kész
AKTUÁLIS ÁTADÁSEgy ötletből közös beszélgetés
Kimenet
client-request.mdEmberi döntésre vár.
A jóváhagyás csak ezt a helyi példát folytatja.
A kör bezárult.A következő feladat ellenőrzött tudásból indulhat.
MYFORGE / ERP Fejlesztés alatt · hamarosan bemutatjuk
Egy üzlet működése. Összekapcsolt folyamatok.
Régóta dolgozunk azon az ERP-rendszeren, amely a gépbérlést, a szervizt, a készletet és az értékesítést közös működésbe rendezi. A cél, hogy egy eszköz, partner vagy munkalap története a következő üzleti lépésnél is rendelkezésre álljon. A fejlesztést hamarosan részletesen is bemutatjuk.
KGC ERPA rendszer rétegeiARCHITECTURE
WORKSPACE
A napi munka felülete
Szerepkörhöz illő munkatársi képernyők
React + ViteBUSINESS LOGIC
Az üzleti folyamatok
Bérlés · szerviz · készlet · értékesítés
Node.js + NestJSDATA & JOBS
A működés alapja
Kapcsolódó adatok és sorba állított háttérfeladatok
PostgreSQL + Prisma · Redis + BullMQKözös alap: szerepkörök, szervezeti elkülönítés és követhető műveletek.
BUSINESS MODULES / 01—05
A folyamatok a határaikon kapcsolódnak össze.
Bérlés és géppark
A gép útja a díjszámítástól a kiadáson és visszavételen át a kapcsolódó szerződésig. A bérlési működés önálló üzleti modult kap.
Szerviz és munkalapok
A javítási feladat, a munkalap és a garanciális ügy összetartozó folyamatként kezelhető a szervizmodulokban.
Készlet és értékesítés
A termék és a készletmozgás a bevételezéstől a leltáron át az értékesítési műveletekig követhető a modulokban.
Partnerek és dokumentumok
A partneradat, az üzleti dokumentum és a hozzá kapcsolódó kommunikáció ugyanannak az ügynek ad kontextust.
Jogosultságok és szervezetek
Szerepkörök, auditnyom és elkülönített szervezeti munkakörnyezetek határozzák meg, ki milyen üzleti adathoz fér hozzá.
ENGINEERING / STACK
Technológia az üzleti működés mögött.
Moduláris TypeScript-monorepo Node.js és NestJS API-val, React–Vite munkafelülettel, PostgreSQL–Prisma adatkezeléssel és Redis–BullMQ háttérfeladatokkal. A több szervezethez tartozó adatok elkülönítését külön jogosultsági és tenant-réteg kezeli.
- Node.js + NestJS
- Modulokra bontott szerveroldali API és üzleti szolgáltatások.
- TypeScript
- Közös típusok és ellenőrizhető adatkapcsolatok a monorepóban.
- React + Vite
- Böngészőben használható munkatársi felületek.
- PostgreSQL + Prisma
- Relációs üzleti adatok és típusozott adatbázis-hozzáférés.
- Redis + BullMQ
- Sorba állított háttérfeladatok és ütemezett feldolgozás.
Fejlesztés alatt. Hamarosan részletesebben.
A fejlesztés alatt álló ERP külön projekt a KGC-Bérlés webalkalmazástól. A modulok és az integrációk fokozatosan készülnek; a nyilvános bemutató és az üzemi bevezetés külön átadási lépés.
MYFORGE / WORKSPACE SETTINGS
A te munkatered.
Rendezd úgy az oldalt, ahogyan szeretsz felfedezni. A változások azonnal látszanak.
Ezek a beállítások kizárólag erre a weboldalra vonatkoznak. Az elrendezést ezen az eszközön jegyezzük meg; a kitöltött űrlapokat nem mentjük ide.
03 / Billentyűparancsok
- Ctrl / ⌘ K
- Fájlok gyors megnyitása
- Ctrl / ⌘ ⇧ P
- Műveletek és beállítások
- Ctrl / ⌘ B
- Oldalsáv megjelenítése
- Ctrl / ⌘ J
- Terminál megjelenítése
- Ctrl / ⌘ ⇧ X
- Eszköztár
- Ctrl / ⌘ ⇧ T
- Bezárt fül újranyitása
- Alt ⇧ ← / →
- Fülek átrendezése
- Delete
- Kijelölt fül bezárása
Űrlapmező gépelése közben a munkatér gyorsbillentyűi nem lépnek működésbe.
Minden beállítás ezen az oldalon marad.
HELYI DEMÓ
❯ bmad Kutatás · Gemini + NotebookLM
MyForge Workspace. Írd be: help · Navigációs parancsok, helyben.
// A bemutató eseményei.
Munkatér megnyitva. Válassz projektet vagy indítsd a BMAD-bemutatót.
