Doslovný preklad slova wireframe je „drôtený rám“, no v praxi stačí papier s ceruzkou a rámcový náčrt vášho webu môže vznikať priamo pred vašimi očami. Voľne môžeme wireframe preložiť ako kostru, ktorú potom dizajnér a programátor „odejú“ do na mieru ušitých šiat.
Zdroj: https://shutterstock.com/
My sme digitálna agentúra. Papierom treba šetriť – preto wireframe tvoríme digitálne.
Ak už je spolupráca s klientom vo fáze, kedy máme v rukách všetky dôležité informácie k webu (ako sa k nim dopracujeme, si môžete prečítať tu, zasadne v agentúre tím kolegov, ktorý pracuje na jeho dizajne, obsahu a funkcionalite. Výsledkom je wireframe, ktorý klientovi poskytne prvý náhľad na vznikajúci web, aby pochopil rozmiestnenie jednotlivých prvkov, vedel si predstaviť, kam treba doplniť texty, kde sa budú nachádzať buttony a pod.
Wireframe zámerne neobsahuje žiadne (alebo len minimum) dizajnových prvkov, aby celá pozornosť bola upriamená na rozloženie funkčných a obsahových prvkov.
Na tvorbu wireframe môžeme použiť rozmanité nástroje – od papiera cez modely, až po rôzne digitálne nástroje ako Figma, Sketch, UXPin, Axure, Balsamiq, Justinmind. My používame Adobe XD, ktorý je jedným z najlepších full design nástrojov pre webstránky a aplikácie. Je plne kompatibilný s ďalšími Adobe nástrojmi, hlavne s programom Photoshop a Illustrator. Umožňuje ľahkú spoluprácu medzi klientom, agentúrou a copywriterom.
V prvotnej fáze tvorby webu si treba stanoviť logiku rozloženia jednotlivých častí na domovskej obrazovke, mechaniku preklikov na jednotlivé podstránky či štruktúru menu. Klient od nás dostane e-mailom link, kde si môže návrh webu pozrieť, prelistovať, prescrollovať a pripomienkovať. Všetky pripomienky uvidí každý člen tímu, takže všetci sú navzájom informovaní a zapracovanie zmien sa odohrá na jednom mieste.
To, že všetky webové stránky z našej agentúry sú responzívne, je samozrejmosťou. Ak pracujeme s predpokladom, že webstránka bude primárne navštevovaná z mobilných zariadení, wireframe navrhujeme mobile first metódou. Viac o nej napíšeme v ďalšom článku.
Doslovný preklad slova wireframe je „drôtený rám“, no v praxi stačí papier s ceruzkou a rámcový náčrt vášho webu môže vznikať priamo pred vašimi očami.
Ďakujeme. Kalkulácia aj so sprievodnými informáciami už je vo vašej emailovej schránke.
Cenová kalkulačka tvorby webovej stránky
Označte 1 možnosť
Jedna stránka (bez podstránok)
Do 5 podstránok
6 a viac podstránok
Označiť môžete viacero možností
Mobil
Laptop / desktop
Veľké obrazovky
Označiť môžete viacero možností
Kontaktný formulár
Newsletter
Online chat
Označiť môžete viacero možností
Copywriting
Fotografie na mieru
Jazykové mutácie
Orientačnú cenu tvorby vašej novej webstránky na mieru si nájdete na:
Popis | Informácie | Množstvo | Cena |
---|---|---|---|
Discount : | |||
Spolu : |
do našich blogových článkov sme pridali novú funkcionalitu, vďaka ktorej si jednoducho zmeníte režim čítania zo svetlého do tmavého režimu a naopak. Stačí kliknúť vpravo na ikonu.