5 nejčastějších dotazů na design

By | Uncategorized | No Comments

Jak dlouho trvá návrh designu webových stránek?

Doba návrhu designu závisí především na velikosti webových stránek, tedy na počtu podstránek. Tvorba průměrného kvalitního designu se pohybuje od jednoho týdne až po jeden měsíc. Pokud má klient představu, jak by si design představoval, snižuje se jak cena, tak časová náročnost.

Jak probíhá tvorba designu webu a mobilní aplikace?

Jak design webu tak design mobilní aplikace začínají kvalitním zadáním. Občas má klient velmi jasnou představu, jak by měl design vypadat, někdy zase vůbec žádnou. Od toho jsme tu my, abychom poradili a pomohli klientovi nastínit, jak by design mohl vypadat. Design není jen o vzhledu, ale také funkčnosti. Návrh designu vždy konzultujeme s klientem a ladíme, dokud není zcela spokojen.

Je potřeba se vždy setkávat osobně?

Vždy je lepší se osobně setkat, protože komunikace je tak daleko jednodušší a rychlejší. Není to však podmínka nebo nutnost, například se zahraničními klienty komunikujeme vždy přes skype, mail nebo telefon.

Jaká je cena designu?

Kvalitní a originální design pro jednu webovou stránku začíná na 2.000 korunách. Může se stát, že se cena vyšplhá až na 10.000 Kč. Nacenění je velmi individuální záležitost a opravdu záleží na tom, o jaký projekt se jedná.

 

Dokončili jsme design pro SOS vesničky

By | Uncategorized | No Comments

Webdesign musí být přehledný, intuitivní a jednoduchý. To bylo zadání, kterého jsme se měli při tvorbě nového projektu držet. Dále bylo potřeba respektovat neziskový sektor. Důraz byl kladen především na to, aby každý uživatel dokázal najít co nejrychleji informace, které hledá a také rovnou nadaci SOS vesničky přispět libovolnou finanční částku. Spolupráce s klientem byla moc příjemná a na výsledný design webu se můžete podívat sami podívat.

Nový web design z naší dílny – seznamte se s PBW!

By | Uncategorized | No Comments

Česká stavební společnost PBW je už na trhu 9 let a stejně tak dlouho je i její původní design webu na internetu. Společnost nás oslovila s požadavkem o kompletní redesign webu, protože ten současný už potřebám a hlavně image zavedené firmy nevyhovoval. Pustili jsme se tedy s chutí do práce! :)

Důraz jsme kladli především na moderní a jednoduchý vzhled stránek, který zároveň koresponduje s oborem činnosti podnikání společnosti PBW. Myslíme si, že stavebné společnosti taky můžou mít přívětivý a atraktivní web design. Myslíte si to taky?

redesign webu PBW

 

 

 

 

 

 

 

Srpnový vítěz Awwwards!

By | Uncategorized | No Comments

Léto bylo nabité skvělými designovými kúsky webů, ale vítěz může být jen jeden. Nejlepší design webu za měsíc srpen vyhrál web design ukrajinského obchodu se spodním prádlem pro ženy Silenza od ukrajinské agentury Fedoriv company.

Webová stránka už na první pohled zaujme klidnou luxusní atmosférou, rozpovězením příběhů a interaktivitou. Žádná žena, která web navštíví určitě neodejde jen tak na pár kliků. Více o srpnovém vítězi nalezete na stránkách Awwwards.

Silenza, home - August awwwards winner

Silenza, choose - August awwwards winner

Přehled nejlepších web designů za rok 2015

By | Uncategorized | No Comments

Nedávno jsme vám představili e-book současných trendů ve web designu. Dnes tady máme další e-book zdarma, který potěší každého fanúšika skvělého designu webu, a to e-book nejlepších web designů pro rok 2015 – 2016. Tenhle skvělý přehled představuje a popisuje 168 nejlepších web designů současnosti a stejně jako ten předešlý, i tenhle je volně ke stažení zdarma!Nejlepší web design 2015 - 2016

Elektronickou knižku si stačí jen rychle prohlížet a stejně pořád najdete další a další inspiraci. Krom ukázek se totiž dozvíte i proč daný design funguje. Zajímavostí je taky rozlíšení techník pro web design v závislosti od regionu, pro který je design tvořený. Je známo, že lidem v USA se líbí něco jiného než španělům, a těm zas něco jiného než nám, tady v čechách.

Pro e-book zdarma klikejte na webové stránky UX Pinu 😉

ClaimCloud – náš nový design

By | Uncategorized | No Comments

ClaimCloud je nová mobilní aplikace z naší dílny. Klient si přál full service řešení, tedy kromě programování jsme navrhovali i design a logo. Jako u každého projektu jsme dbali na moderní a nadčasový design. Protože ale víme, že design není jen o vzhledu, ale především o uživatelské přívětivosti a závisí na něm i to, jak bude aplikace oblíbená mezi uživateli, snažili jsme se navrhnout design, aby byl maximálně příjemný pro uživatele aplikace.

ewefwf

 

Aplikaci, která vám pomůže s reklamací letenek si můžete stáhnout v AppStore.

Fit recepty – naše nová úspěšná reference!

By | Uncategorized | No Comments

Chcete se stravovat zdravěji, ale pořád ty samé recepty vás už nebaví? Mobilní aplikace Fit recepty to za vás vyřeší hned! Zdravou inspiraci odteď máte v mobilu pořád – vyberte si na co máte zrovna chuť :)

Aplikace Fit recepty se stala naší novou pýchou. Je to jen pár dní co jsme jí spustili a už teď se může pochlubit vysokou oblíbenosti, 10 000 staženími a senzačním hodnocením. Právě téhle aplikaci jsme kromě vývoje navrhovali taky design. O to víc nás těší pozitivní reference na její vzhled.

 

Vojta Soukup

★★★★★ 22.8.2015

Chvála

Velice intuitivní prostředí opravdu doporučuji

Daniel Rychnavský

★★★★★ 17.8.2015

Výborná aplikace, jak designově sympaticky řešena, tak přehledná pro jakéhokoliv uživatele. Každý si najde to své, na co má chuť. Vřele všem doporučuji!

 

Při tvorbě designu jsme se soustředili především na přehlednost a působivý vzhled. Aplikace působí svěže, moderně a přehledně. Jako výchozí barvu jsme zvolili světle-zelenou, která vyvolává pocit čerstvosti a k zdravému stravování už tak nějak patří. Lákavě vypadají i fotky na pozadí každé kategorie jako i při jednotlivých receptech.

Když už všechno funguje a navíc to i skvěle vypadá, přejeme vám dobrou chuť! :)

Trendový web design díky e-booku zdarma!

By | Uncategorized | No Comments

Nedávno jsme vám představili 5 nejnovějších trendů ve web designu pro rok 2015. Zaujal vás článek a chtěli byste se o trendech dozvědět více? Pak máte jedinečnou možnost stáhnout si 186 stránkový e-book plný rad a tipů zcela zdarma!

V e-booku „Web design – book of trends 2015-2016“ najdete:

  • 165 vybraných příkladů ukazujících nejlepší moderní webové techniky.
  • Osvědčené postupy používané firmami jako je Adidas, Intercom, Dropbox, Reebok, Apple, BMW, Spotify, Jawbone, Versace, Google, a dalšími.
  • Desítky vizuálních případových studií odhalujících metody, které stojí za jejich úspěchem (včetně jejich kladů a záporů)
  • Tipy a triky pro animace a interaktivní design.
  • Rady pro používaní nadčasové typografie, vektorů a vlastních fotografií.

Celý e-book je v angličtině a připravili ho pro vás lidičky z UXPin-u.

Stáhnout si ho můžete na jejich stránkách výměnou za váš e-mail.

Trendy ve web designu v roce 2015, e-book.

10 prvků na úvodní stránce webu, které návštěvníky zaujmou

By | Uncategorized | No Comments

Ty nejlepší úvodní stránky jsou jednoduché, mluví k cílovému publiku a mají skvělý design. Pozvedněte váš web ještě o úroveň výš s těmito 10 tipy!

efq

TITULKY, TEXT, DŮVERYHODNOST 

1) Použijte titulek nebo motto.

Každý návštěvník vaší webstránky chce okamžitě vědět co děláte, tak mu to řekněte! Nezatěžujte ho zbytečně nějakými výroky slavných, které vůbec nic nevypovídají o vaší činnosti. Je sice pravda, že informace o vás se taky dozví v záložce „o nás“, ale vždy je lepší pokud se tyhle informace dozví hned, ne až po dalším kliknutí.

2) Jasně a stručně

Nezapomínejte na to, že návštěvníci webu neradi čtou dlouhé texty. Myslete na to i při psaní vašeho titulku – měl by být jasný, stručný a hlavně výstižný.

3) Bezchybná gramatika

Chyby v textu to se zkrátka nenosí. Nic neublíží vaší profesionalitě víc než gramatické chyby. Dejte si svoje texty raději zkontrolovat.

4) Využívejte ukazatele vaší důvěryhodnosti

Je jedno jestli máte na svém webu výroky spokojnosti vašich zákazníku nebo průměrné hodnocení vašich produktů. Důležité je, že lidi věří odporoučením jiných lidí, a to dokonce i když je osobně neznají.

VÝZVA K AKCI

5) Motivujte k akci

Když už návštěvník webu přečte všechno co přečíst měl, tak samozřejmě chcete aby NĚCO udělal. Nakoupil, zavolal nebo sdílel článek. Řekněte mu to, co po něm chcete a on to udělá. Samého ho to většinou nenapadne.

6)  Speciální tlačítko pro posílení vaší výzvy k akci

Aby byla vaše výzva k akci ještě silnější, umístěte na váš web graficky odlišené tlačítko, které tu akci provede za uživatele samo. Chcete aby koupil produkt? Umístěte na stránku tlačítko „koupit“– dostatečně zvýrazněné a tak aby ho návštěvník nepřehlédnul.

UMÍSTNĚNÍ A OBSAH

7) Vše podstatné na očích

To nejdůležitější by měl mít návštěvník webu okamžitě před očima, bez nutnosti posouvat stránku níž. Tam by měli být spíš doplňující, měně podstatné informace. Výzva k akci je taky důležitá tak ji nedávejte na závěr textu.

8) Pořád testujte!

Testování je důležité. Jen testováním zjistíte co vám doopravdy funguje nejlépe. Ideální je tzv. A/B testování, kdy se určité skupině lidí zobrazí jedna verze webu a jiné skupině lidí druhá verze webu. Pak stačí už jen porovnat výsledky.

 9) Používejte obrázky a videa, které s obsahem vašeho webu SOUVISÍ!

Funguje to obousměrně – již při prvém letmém pohledu na webu bude mít návštěvník představu o čem se v textu píše, ale taky ten, kdo se do textu začte bude pořád mít k dispozici vizuální prvky, které text doplní a oživí.

10) S odkazy na jiné podstránky webu jen s mírou!

Odkazy jsou skvělé, návštěvník nepřemýšlí kam dál by se měl podívat a zdrží se na web stránce déle. Ani s nimi se to však nesmí přehánět – příliš mnoho odkazů na webu působí rušivě!

 

 

Jak volit barvy pro váš web?

By | Uncategorized | No Comments

Červená je barva vášně a černá zase barva smutku, žlutá je barva sluneční a bílá je barva čistá a nevinná. Jsou vám ty výroky povědomé, že jo?! Nálad, které v nás barvy vyvolávají je však mnohem víc a určitě je na to dobré myslet i při tvorbě designu vašeho webu nebo mobilní aplikace.

1) Jak to tedy s těmi barvami je? Jaké emoce v nás vyvolávají?

Každá barva sebou nese určitou psychologickou symboliku, kterou známe z běžného života kolem nás. Třeba každý si spojí modrou barvu s nebem nebo mořem, a zelenou s přírodou. Odtud taky pochází spojení slunečně-žlutá a krvavě-červená. Krom toho, každá barva sebou nese jak pozitivní, tak i negativní emoce. Aby jste se z toho nezbláznili, přikládáme přehlednou tabulku.

Barva Symbolika Pozitivní emoce Negativní emoce
Červená  krev, oheň láska, vášeň, prudkost, hrdost, energie, sila, dynamika, pohyb agrese, nebezpečí, hněv, nemravnost, zlost, vojna
Oranžová slunce, teplo, zlato, lesk, horké léto radost, zábava, přátelství, energie, vitalita, kreativita, jedinečnost, bohatství, zralost hrubost, rozmar, vzdor
Žlutá světlo, slunce, zlato, mladost naděje, optimizmus, intelekt, harmonie, idealizmus, volnost nedůvěra, zrada, závist, žárlivost, zbabělost, faleš
Zelená příroda, dálka, rostliny, naděje, přátelství poctivost, připravenost, mír,vytrvalost, úspěch, harmonie,pravda, bezpečí, důvěra, klid chamtivost, závist, nezkušenost
Modrá nebe, obloha, voda, vzduch, chlad spravedlivost, stabilita, mír, ticho, věrnost, inteligence, vyrovnanost, diskrétnost deprese, apatie, odevzdanost
Fialová duchovno, majestát mystika, představivost, luxus, osobitost, skromnost, pokorainspirace, vznešenost krutost, utrpení, napětí, soumrak, znepokojení, trest, výstřednost
Hnědá půda, dřevo, klid, bezpečí, důvěra, jistota, tradice, pořádek, domov mlčenlivost, zdrženlivost
Šedá neutralita, přiměřenost vyváženost, spolehlivost, klid, odpočinek, pokora, skromnost pasivita, nuda, smutek, nerozhodnost, chudoba
Černá tma, smrt důstojnost, autorita, úcta, sila, vážnost, elegance, formálnost zlo, zkáze, podřaděnost, strach, samota, prázdno, lítost, vzdor, negace
Bílá světlo, mír, čistota, nevinnost, věrnost, laskavost, neposkvrněnost, jednoduchost, vděčnost, pořádek, lehkost chlad, nejistota, opatrnost, nekonečnost, izolace, smutek, zdrženlivost

2) Není žlutá jako žlutá

Taky si říkáte, že barev neznáme jen 10, ale mnohem víc? Vždyť přece každá barva má ještě velké množství odstínů, a co teprve když se začnou míchat! Jak ti vlastnosti sedí pak? Obecně lze říci, že čím je barva sytější, tím i její charakteristiky vnímáme silněji. Představte si třeba kreslenou pohádkovou postavičku, která je o to rudější, o co víc je naštvaná J Stejně to funguje i u jiných barev.

dqwd

3) Ale já nechci jednobarevný web

To bychom vám ani nedoporučovali! Barvy samé o sobě jsou celkem věda, a co teprve když je začneme kombinovat pro web?

„Webem se můžeme pokusit vytvořit barevnou harmonii, nebo ním naopak provokovat.“

V obou případech si musíme dát pozor abychom to nepřehnali. Jinak by se mohlo stát, že z původně zamýšleného harmonického webu nakonec vznikne web nudní, a naopak ze zamýšleného dynamického webu můžou nakonec lidi bolet oči! A to nechcete – když je bolí oči, utečou z webu okamžitě pryč!

Pravidel jak kombinovat barvy, tedy vytvářet kontrast, je víc. Dvě nejzákladnější jsou:

  • Nikdy nepoužívejte víc než 3 barvy!
  • Tvořte kontrast – na základě odstínu, světla, sytosti, teploty nebo komplementarity

*komplementární jsou ty barvy, které leží v barevném spektru naproti sobě

  • Vždy je potřeba myslet identitu webových stránek

S kontrastem vám pomůže chytrá pomůcka Adobe Kuler (https://color.adobe.com), kde můžete tvořit odstínové variace jedné barvy, dvou komplementárních barev nebo trojice barev.

TIP NA ZÁVĚR: Když si vyberete svou hlavní barvu, nemusíte ji nutně doplňovat jinou barvou barevného spektra. Jednoduchým elegantním řešením je doplnění černou, bílou nebo odstíny šedé barvy (hromadně se jim říká achromatické barvy).