Webshopoknak és weboldalaknak, ahol a látogatók eljutnak a termékig, de a menüben, a kosárban vagy a pénztárban elakadnak. A felületet a valós használat alapján tesszük rendbe.
A látogató ott hagyja ott az oldalt, ahol a felület nem egyértelmű. Gyakori, hogy a kosárban a mennyiség módosítása után külön gombot kellene nyomni, és ezt sokan elfelejtik. Máskor a szállítási és a számlázási címet kétszer kell beírni, vagy ingyenes rendelésnél is megjelenik a fizetési lépés.
Mobilon a hibák még jobban látszanak. A szűrők elfoglalják a képernyőt, a kategóriákba nehéz visszalépni, a telefonszám mezőnél betűs billentyűzet jön fel. Ezeket gyakran egy-egy célzott javítással megoldjuk: szűrőgomb, mobilos morzsamenü, mindig látható kosárba-sáv. Egy viszonteladói katalógusban például az oldal újratöltése nélküli kosárba tétel gyorsította a sok tételes rendeléseket.
Nem kell mindig új dizájn. Ha a webshop alapjai rendben vannak, a legfontosabb pontok javítása többet ér egy teljes újratervezésnél, és sokkal hamarabb elkészül. Ha viszont a megjelenés elavult, és a stílusok annyira összegabalyodtak, hogy minden módosítás drága, akkor egyedi témát építünk a terméklistától a pénztárig. Ilyenkor a stílusokat úgy szervezzük, hogy a későbbi módosítások is egyszerűek legyenek.
Ár és idő
Egy-egy célzott javítás, például az automatikusan frissülő kosár vagy a címek átmásolása a pénztárban, gyakran a kicsi sávnál is kevesebb. Ha a mobilnézetet a fejléctől a pénztárig rendbe kell tenni, az jellemzően a közepes sávba esik. Egy teljes, egyedi arculatú webshoptéma a nagy sávba tartozik. Az ingyenes konzultáción közösen végigkattintjuk a vásárlást, és utána írásban kapod a becslést.
Fejlesztés: 20 000 Ft + áfa / óra. Az első konzultáció ingyenes. Árak és méretsávok
Valós példák
Minden példa valós, a saját projektjeinkből, ügyfélnév nélkül.
Országos kulturális intézmény
Helyzet: Az intézmény arculatához illő, modern honlapot szerettek volna. A főoldalon a híreknek, eseményeknek, pályázatoknak és szakterületeknek egyszerre, átláthatóan kellett megjelenniük.
Megoldás: Egyedi Drupal-témát fejlesztettünk saját fejléccel, főoldali blokkokkal és kártyás listákkal. A szakterületek ikonokat, a régiók színkódot kaptak, a szövegek egységes tipográfiát.
Drupal 11TwigCSSViews
Építőanyag-webáruház
Helyzet: A webáruház megjelenése elavult volt, mobilon nehezen lehetett használni.
Megoldás: Az új dizájn szerint átépítettük a termékoldalt, a terméklistát, a kosarat és a pénztárt. Javítottuk a hibaüzeneteket és a mobilos fejlécet.
Drupal 9Drupal CommerceTwigCSSJavaScript
Országos hetilap
Helyzet: A lap online felületéhez saját arculatú, mobilon is jól működő hírportál-megjelenést kértek címlappal, cikkoldallal, ragadós fejléccel és megamenüvel.
Megoldás: Egyedi témát építettünk címlap- és cikkoldal-elrendezésekkel, ragadós fejléccel, asztali megamenüvel, reszponzív képekkel, szerzői cikkcsúszkával és többféle cikklista-stílussal.
Drupal 11TwigBootstrapJavaScriptCSS
Országos kulturális intézmény
Helyzet: A kiválasztott dizájnirányt minden részletében ki kellett dolgozni, a menütől a hírekig és a tagok bemutatásáig.
Megoldás: Elkészítettük az ikonos kategóriamenüt, a füles kiemelt slidert, a hír- és rendezvényoldalakat, valamint a tagok listáját és profiloldalát. Javítottuk a magyar ékezetes betűk megjelenítését, finomítottuk a kontrasztot, és átadtuk a végleges HTML-sablonokat.
HTMLCSSJavaScript
Sofőrállás-portál
Helyzet: A portál megjelenése elavult volt, főleg az álláslista, a fejléc, az űrlapok és az árak oldal.
Megoldás: Átterveztük a fejlécet és a mobilmenüt, az álláskártyákat, a kereső oldalsávját és az űrlapelemeket. A stílusokat újraszerveztük, hogy a további módosítások egyszerűbbek legyenek.
Drupal 10SCSS
Precíziós alkatrészgyártó cég
Helyzet: A cégnek új, modern, angol nyelvű weboldal kellett, amely bemutatja a szolgáltatásokat, a gyártási képességeket, az iparágakat és a referenciákat. Az érdeklődőknek ajánlatot is kérniük kellett tudni.
Megoldás: Az elkészült design alapján 8 oldalas, statikusan kiszolgált weboldalt építettünk Next.js-ben, ajánlatkérő oldallal.
Next.jsReactTypeScriptTailwind CSS
Pénzügyi tanácsadó csapat
Helyzet: A sokféle szolgáltatás miatt a menü áttekinthetetlen volt. A banki oldalakhoz hasonló, többszintű menüt kértek, amely mobilon is használható.
Megoldás: Megterveztük a négyszintű menüszerkezetet, és szkripttel automatikusan feltöltöttük. Asztali gépen lenyíló megamenüként, mobilon összecsukható menüként jelenik meg.
Drupal 10TwigJavaScriptSCSS
Országos kulturális intézmény
Helyzet: Egy nagy kulturális intézmény az új weboldal tervét szerette volna kattintható formában látni a nyitóoldaltól a tagok, rendezvények és pályázatok oldaláig.
Megoldás: Mintaadatokkal feltöltött, kattintható prototípust készítettünk videós nyitóoldallal, és elkészítettük az oldaltérképet, a drótvázakat és a tartalomszerkezet specifikációját.
HTMLCSSJavaScriptPython
Országos hetilap
Helyzet: A pénztár lépései nehezen voltak követhetők: nem lehetett visszalépni, az áttekintő oldal ismétlésekkel volt tele, és ingyenes rendelésnél is fizetési lépés jelent meg.
Megoldás: Újraterveztük a pénztárat külön számlázási és szállítási lépéssel, személyes átvétellel és kattintható lépésjelzővel. Az áttekintő oldalt letisztítottuk, 0 Ft-os rendelésnél pedig kimarad a fizetés.
Drupal 10Drupal Commerce
Országos kulturális intézmény
Helyzet: A lezajlott események keveredtek a közelgőkkel, a még futó kiállítások pedig lezártnak tűntek.
Megoldás: A múltbeli események halványan, „Lezajlott” címkével jelennek meg, ezt a böngésző dönti el, így a gyorsítótár sem zavarja. A többnapos eseményeknél mindenhol látszik a záró dátum, a naptár kiemeli a mai napot.
Drupal 11JavaScriptTwigCSS
Precíziós alkatrészgyártó cég
Helyzet: A cég látványos, technikai jellegű bemutatót akart a gyártási képességeiről, mert a fotók ezt nem adták át.
Megoldás: Animációkat készítettünk a mérési és esztergálási folyamatról, többek között élő eltéréskijelzéssel és a műszaki rajz és a valós nézet közti váltóval. Az iparági képeket is megújítottuk.
Next.jsReactTypeScriptTailwind CSSSVG
Burkolatanyag-webshop
Helyzet: A vásárlók csak a termékoldalra kattintva tudták meg, milyen színekben érhető el egy kollekció.
Megoldás: A kollekciók listaelemeiben megjelenítjük a hozzájuk tartozó termékek színeit kis színmintákként. Az új listadizájn mobilon is működik, és gyorsítótárazással nem lassítja az oldalt.
Drupal 9ViewsCSS
Kérdések és válaszok
Ezt a konzultáción döntjük el, a meglévő felület alapján. Sokszor néhány elakadási pont javítása elég. Új témát akkor javaslunk, ha a régi stílusokat már drágább foltozni, mint újraépíteni.
Végigmegyünk a vásárláson asztali gépen és telefonon is, és megnézzük, mit jeleznek a vásárlók és az ügyfélszolgálat. Ahol van mérés, azt is felhasználjuk. A javításokat a valós használat alapján rangsoroljuk.
Igen. Gyakran kapunk kész dizájnt, és azt építjük meg. Ha nincs terv, kattintható prototípust vagy több dizájnirányt is készíthetünk, mielőtt fejlesztésbe kezdünk.
Igen. Ügyviteli rendszernél is előfordult, hogy a munkatársak telefonról és tabletről dolgoztak. A teljes kezelőfelületet reszponzívvá tettük, a rendelés adatlapjával együtt.
Egy óra, telefonon, videón vagy személyesen, ingyen. A végén megmondom, mit javaslok, és körülbelül mibe kerülne, akkor is, ha az a válasz, hogy nincs szükséged ránk.