alexhatal, Autor na alex.hatal

Publikováno 1. 4. 20231. 4. 2023 Autor alexhatal — Napsat komentář

U SMILE

U SMILE

WEB DESIGN
WEB DEVELOPEMENT NA WORDPRESSU

Jan Králíček je dlouholetý kamarád a business partner MUDr.Davida Urie – majitele soukromé stomatologické společnosti Usmile s.r.o. Honza věděl, že se na mě může obrátit se prosbou o nové webové stránky, jelikož ty staré již nesplňovaly požadavky vzhledu ani základních funkcí. Na stránkách dominovala zelená barva od které chtěli upustit a zachovat ji jen v detailech, přičemž měl být nový web laděný do čisté bílé a tmavě modré barvy.

DEVELOPEMENT

Webové stránky jsem stavěla na redakčním systému wordpress, jelikož byla základním požadavkem co nejjednodušší administrace. Vybrala jsem nejvhodnější šablonu, kterou jsem následně přizpůsobovala dle předem navrženého designu.

FUNKCIONALITA WEBU

Stránky U smile jsou standardní webová prezentace s běžnými funkcemi. Na stránkách není ani e-shop ani žádné jiné speciální funkce

Aa

Poppins

ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz
012345678

DOPLŇKOVÁ GRAFIKA

Pro potřeby webu jsem tvořila i doplňkovou grafiku jako byla úprava fotek, bannery nebo design ceníku. Ilustrace, které na webu najdete jsou stažené z undraw.

IKONY SLUŽEB

Základní tvary ikon jsou stažené z webu flaticon.com a následně doupravné v Adobe Illustrator.

FOTKY TÝMU

Jednou ze sekcí webu usmile.cz je i představení týmu, který o Vás bude při návštěvě pečovat. Klient mi dodal fotky členů vyfocené profesionálním fotografem. Fotky jsem ořízla a graficky upravila tak, aby odráželi firemní identitu.

MOBILE FIRST

Responzivní design je už naprostou samozřejmostí.

WEBOVÉ STRÁNKY SI MŮŽETE PROHLÉDNOUT A VŘELE DOPORUČUJI I PROFESIONÁLNÍ SLUŽBY STOMATOLOGICKÉHO CENTRA U SMILE.

Projekt dokončen 31.3.2023
Cena projektu: 21.000 Kč

V ceně jsou zahrnute i dodatečné grafické úpravy nad rámec tvorby webu

Publikováno 28. 2. 202328. 2. 2023 Autor alexhatal — Napsat komentář

ALKOHOLOG

WEB DESIGN
WEB DEVELOPEMENT NA WORDPRESSU
LOGO REDESIGN
GRAPHIC DESIGN
SOCIAL MEDIA

ALKOHOLOG je krásný projekt barmana a rumového ambasadora Viktora Gleicha. Viktorova představa o webu byla zcela jasná.
Zadání znělo : čistý web, barvy tmavě modrá a champagne, zaměřeno na lifestyle a fotografii.
Viktor je s výsledkem spokojen a já si taky myslím, že se to povedlo.

LOGO REDESIGN

V rámci tvorby webu došlo i na lehkou úpravu loga.
Klient již měl vytvořené logo od jiného grafika, toto logo ale nefungovalo v malých velikostech a zároveň působilo tak trochu „neuhlazeně“.

V původním logu jsme změnili jenom font a celému logu jsme přidali trochu „tloušťky“ aby bylo výraznější. Následně jsme vytvořili zjednodušené varianty pro favicon, ikony, sociální sítě či případné využití na merchandise.Třešničkou na dortu pak už byly jenom barvy.

FUNKCIONALITA WEBU

Kromě informačních stránek a galerie měl mít web i další funkce.

Stránky jsou v ranní fázi a produkty v e-shopu, příspěvky v blogu i události v kalendáři budou postupně přibývat. Eshop je plně funkční s různými druhy produktů, jako jsou jednoduché produkty či produkty s variantami. Každý produkt má náhledový obrázek a 4 doplňkové s možností kategorizace a filtrace produktů.
Blog si bude klient spravovat více méně sám, byl kompletně poučen o způsobu přidávání nových příspěvků a dizajn jednotlivých příspěvků budeme společně ladit dle aktuální potřeby.
Kalendář je propojeny přes API s Google kalendářem, klient si tudíž jednotlivé události může pohodlně upravovat kdykoliv i z mobilu.

Po zakoupeni degustace či zážitku je klientovy automaticky odeslán na email voucher s vygenerovaným unikátním kódem.

SOCIAL MEDIA

S alkoholog.cz jsme navázali dlouhodobou spolupráci a mám na starosti i vizuální stránku sociálních sítí. Momentálně jsme v stadiu tvorby strategie, ale už teď vzniklo několik příspěvků a bannerů pro jednotlivé platformy. Celý web je samozřejmě plně responzivní.

WEBOVÉ STRÁNKY SI MŮŽETE PROHLÉDNOUT A VŘELE DOPORUČUJI I ZAKOUPENÍ ZÁŽITKU PRO SEBE ČI JAKO ORIGINÁLNÍ DÁREK PRO BLÍZKÉ

Publikováno 27. 2. 202328. 2. 2023 Autor alexhatal — Napsat komentář

OVOPECKA

LOGO DESIGN
LOGO MANUÁL

Paní Jana mě na doporučení oslovila s prosbou o nové logo pro svůj krásny e-shop OVOPECKA. Ručně vyrábí nahřívací polštářky z hroznových a třešňových pecek. Vytvořila jsem několik návrhů, ze kterých si pani Jana vybrala variantu s jednoduchou ilustrací třešničky s elegantním patkovým písmem v přírodních barvách.

LOGO DESIGN

Pro paní Janu jsem vytvořila několik návrhů loga různých typů. Od minimalistického, přes typografické a ž po jednoduchou ilustraci. Nakonec vyhrála třešnička :). Logotyp třešničky je jednoduchý a lehce „čitelný“ i v malých velikostech. Vytvoření funkčního logotypu pro malé velikosti bylo zcela zásadní, jelikož se bude logo používat na etiketách polštářku v malém rozměru.

MALÁ ETIKETA

Nášivka na polštářky měla být oboustranná. Na přední straně mělo být nové logo a na druhé straně nášivky měl být vyobrazený správný způsob ohřívání polštářků v mikrovlnné troubě. Zvolila jsem variantu jednoduchých ikon s minimalistickými popisky. Nášivka má rozměr o velikosti 2x4cm.

LOGO MANUÁL

Logo je nejdůležitějším a snadno rozpoznatelným prvkem vizuální identity. Je to v podstatě neodmyslitelný podpis společnosti či značky.
V Logo manuálu pro značku OVOPECKA najdete veškeré důležité informace o správném ale i nesprávném používání loga.

OBSAH LOGO MANUÁLU

Základní informace
Představení značky
Proces vzniku Loga
Základní barvy
Doplňkové barvy a jejich kombinace
Typografie
Barevné varianty loga
Správné používání loga
Zakázané praktiky
Logotyp infografika
Ikony
Používání stínu a dekorací

BRZY BUDEME TVOŘIT DALŠÍ PRVKY IDENTITY A PROJEKT OVOPECKA TAK DÁL ROZVÍJET.

Jelikož mě produkty OVOPECKY velice oslovili, chtěla jsem si zakoupit nahřívací pás. Od pani Jany jsem ho ale dostala jako dárek. Asi byla s moji práci spokojená. 🙂

Navíc přibalila i malý nahřívací polštářek pro dceru. Musím říct, že v období zotavování po císařském řezu jsem na nahřívací pás nedala dopustit a polštářek už několikrát pomohl i moji dceři na bolavé bříško. Jsem moc vděčná za klienty jako je pani Jana a už teď se moc těším na další spolupráci.

………………………………..

Nedalo mi to a chtěla jsem její krásny přístup taky něčím malým oplatit. V balíčku s polštářky byla taky produktová kartička s návodem jak správně polštářky používat a jak s nimi zacházet. A tak jsem pro paní Janu vytvořila novou kartičku, která harmonický ladí s identitou její značky. Snad se bude líbit 🙂

BĚŽTE SI TAKY POLŠTÁŘEK POŘÍDIT, OVOPECKA URČITĚ NESKLAME 🙂

Publikováno 25. 2. 202328. 2. 2023 Autor alexhatal — Napsat komentář

CROW

US SPORT AND CASUAL CLOTHING BRAND

BRAND IDENTITY AND PRODUCT DESIGN

Jakub je Čech, který už nějaký ten rok žije ve Spojených státech amerických. Oslovil mě s tvorbou kompletní identity značky. Sám neměl úplně jasno jak by jeho oblečení mělo vypadat, bylo ale jasné, že má být design funkční jak pro sportovní oblečení tak pro streetovou módu. Měl ale představu o nějaké ilustraci. Samuraj nebo vrána. Shodli jsme se na tom, že samuraj by se do klasického amerického gymu moc nehodil a tak jsem se svezli na křídlech vrány.

LOGO DESIGN

Jako úplně první bylo nevyhnuté vytvořit zapamatovatelné logo. Chtěla jsem vytvořit logo, které by bylo rozložitelné na jednotlivé části, které by samostatně fungovali a mohli by stylem odlišit sportovní oblečení od streetového. Vrána byla jasná a v kombinaci s jednoduchým kosočtvercem si myslím, že se nám záměr dost povedl.

Rozložitelnost loga na jednotlivé elementy nám dalo možnost vytvořit spoustu variant designu etiket, placek a labelů a vlastně kompletně veškerých tiskových či online materiálů, které bude značka používat přičemž si každý kus zachovává uniformitu brandu a je zcela nezaměnitelný.

VARIA BILITA  LOGA

Ne jen jednotlivé grafické elementy jako vrána a kosočtverec jsou rozložitelné, ale i samotná typografie je vytvořená právě z použitého kosočtverce a tak tvoří unikátní font.
Písmena se tak můžou používat dohromady jako CROW ale i jako samostatné elementy

Publikováno 25. 2. 202328. 2. 2023 Autor alexhatal — Napsat komentář

IRIS CORP

IRIS CORP US

LOGO DESIGN
CORPORATE IDENTITY
WEB DESIGN
BUSINESS DEVELOPMENT

Iris Corp je americká společnost, která distribuuje chytré bezpečnostní kamerové systémy po celém světě. Největší působiště mají ve Spojených státech a v Evropě. Velkým projektem je i projekt Ghana či Smart City v různých městech napříč kontinenty. S firmou IRIS CORP jsem měla možnost spolupracovat přes dva roky. Navrhovala jsem pro ně veškeré firemní dokumenty, brožury, prezentace a spoustu dalšího. Dostali jsme se i k návrhu designu webu a začali jsme společně podnikat první krůčky pro rozběhnutí českého a slovenského trhu. Covid nám ale do toho hodil vydle a spolupráci jsme po vytvoření kompletního brandingu úspěšně ukončili.

BRAND MANUÁL

Jako první jsem vytvořila základní kostru firemní identity. Hlavním požadavkem bylo zachovat stávající logo, tudíž jsem vycházela právě z něj. Vytvořila jsem několik elementů, které krásně sjednotili veškeré firemní dokumenty, které byly staré již víc než 10 let, tudíž rebranding byl víc než potřebný.

LOGO REDESIGN

Logo bylo vytvořeno již dříve a mělo být zachováno, já jsem měla na starost jen jeho lehkou úpravu. Srovnala jsem „čáry“, které představuji pohledy kamer a dala mu jednotnou barvu, jelikož před tím mělo logo nelichotivý gradient.

Po decentní úpravě loga a základní koncepce firemní identity jsem se pustila do tvorby jednotlivých elementů a veškerých dokumentů

FIREMNÍ DOKUMENTY

Pro firmu IRIS CORP jsem tvořila firemní dokumenty jako vizitky, hlavičkový papír, produktové listy, letáky, brožury a mnoho dalšího.

V rámci firemní identity jsem vytvořila skyline, ve kterém jsou vyobrazené hlavní odvětví kde je možné kamery společnosti IRISCORP efektivně využívat. Tento skyline je používaný ve firemních dokumentech. Pro pozadí dokumentů jsem použila čáry, které reprezentuji různé pohledy kamer, které jsou taky součastí firemního loga.

PREZENTACE

Dále jsem tvořila i šablony pro prezentace, vznikly 2 varianty. Světlá – kde byly kombinovaný barvy modré se světle šedou a taky varianta v tmavém módu kde dominovala černá a tmavě modrá. Vzhledem k velkému množství tvořené grafiky bylo domluveno, že pro účely prezentace budou jako dekorativní prvky použité volně dostupné cliparty.

WEBDESIGN

PROCES NÁVRHU WEBU

ANALÝZA STÁVAJÍCIHO WEBU

V první fázi jsem detailně zanalyzovala stávající design webu v novémnábvrhu jsem se snažila vše v rámci možností napravit.

Následné jsem upravila site mapu, navrhla hrubou kostru webu a vytvořila wireframy, na které jsem začala nahazovat designové prvky.

IKONY

Pro webové stránky i pro firemní brožury a podnikové karty bylo nutné vytvořit i ikony.
První soubor ikon představuje hlavní funkce NVR softwaru pro kamerové systémy jako detekce kouře a ohně, detekce zbraní a neznámých objektu, detekce teploty, měření vzdálenosti a mnoho dalších. V druhém souboru ikon jsou ikony představující parametry a funkce samotných kamer.

SOCIAL MEDIA TEMPLATES

V rámci tvorby online i offline prezentace jsem upravovala taky balíček obrázků, kterým jsem dala základní prvek firemní identity (pohledy kamer). Tyhle obrázky, z různých odvětví využití kamer jsou používaný jako template pro příspěvky na sociální sítě, objevují se v jednotlivých tištěných i online brožurách, nebo jsou taky používané samostatně například na letácích.

Vytvořeno 2019-2020

Publikováno 25. 2. 202328. 2. 2023 Autor alexhatal — Napsat komentář

HILTON OLD TOWN

GRAPHIC DESIGN
REKLAMNÍ CEDULE

REKLAMNÍ CEDULE

Áčkovou ceduli jsem tvořila pro HILTON Old Town Prague a jejich SEA-FOOD menu.

Zadání bylo černé pozadí, modré vlny a ilustrace plodů moře. Na ceduli se museli vejít obě jazykové varianty, tudíž česká i anglická.

Publikováno 25. 2. 202328. 2. 2023 Autor alexhatal — Napsat komentář

OBČANSKÉ SDRUŽENÍ ÚRAZ

LOGO DESIGN
FIREMNÍ IDENTITA
WEB DESIGN
WEB DEVELOPMENT

Občanské sdružení Úraz se zabývá zpracováním odborných lékařských posudků, kontrolou vyplaceného pojistného plnění s garanci nejvyššího možného odškodnění za každý úraz.

Pomoc při odškodnění pracovních úrazů, výpočet odškodného za dopravní nehody a školní úrazy, výpočty úrazových pojistek.

FIREMNÍ IDENTITA

V Rámci firemní identity se tvořilo jako první nové logo. Následně byly vytvořené vizitky, letáky, plakáty a hlavičkový papír.

LOGO DESIGN

O logu nebyla ze strany zadavatele představa absolutně žádná, ačkoli padlo slovo hravé. Tak jsem si tedy hrála 🙂 Nakonec ale i tak vyhrála ta jediná konzervativní verze, kterou jsem vytvořila -dá se říct- jen tak, pro jistotu 🙂

WEB DESIGN

Webové stránky Občanského sdružení Úraz byly skutečně staré. Pamatujete si ještě jak vypadali weby v roku 1998? Tak takhle staré. Je tedy pochopitelné, že webové stránky potřebovali skutečně akutně redesign. Cílová skupina občanského sdružení jsou lidé ve středním a převážně starším věku, proto byly požadavky jasné. Přehledné stránky, s jednoduchou navigaci a velkým čitelným písmem

Svůj design jsem následně i vytvořila s použitím HTML, CSS a JavaScript.
Můj zdrojový kód můžete najít na mém gigthubu a taky si neváhejte stránky prohlídnout

Vytvořeno v roce 2020.

U SMILE

DEVELOPEMENT

FUNKCIONALITA WEBU

Aa

DOPLŇKOVÁ GRAFIKA

IKONY SLUŽEB

FOTKY TÝMU

MOBILE FIRST

WEBOVÉ STRÁNKY SI MŮŽETE PROHLÉDNOUT A VŘELE DOPORUČUJI I PROFESIONÁLNÍ SLUŽBY STOMATOLOGICKÉHO CENTRA U SMILE.

ALKOHOLOG

LOGO REDESIGN

FUNKCIONALITA WEBU

SOCIAL MEDIA

WEBOVÉ STRÁNKY SI MŮŽETE PROHLÉDNOUT A VŘELE DOPORUČUJI I ZAKOUPENÍ ZÁŽITKU PRO SEBE ČI JAKO ORIGINÁLNÍ DÁREK PRO BLÍZKÉ

OVOPECKA

LOGO DESIGN

MALÁ ETIKETA

LOGO MANUÁL

OBSAH LOGO MANUÁLU

BRZY BUDEME TVOŘIT DALŠÍ PRVKY IDENTITY A PROJEKT OVOPECKA TAK DÁL ROZVÍJET.

BĚŽTE SI TAKY POLŠTÁŘEK POŘÍDIT, OVOPECKA URČITĚ NESKLAME 🙂

CROW

LOGO DESIGN

VARIA BILITA LOGA

IRIS CORP US

BRAND MANUÁL

LOGO REDESIGN

FIREMNÍ DOKUMENTY

PREZENTACE

WEBDESIGN

PROCES NÁVRHU WEBU

ANALÝZA STÁVAJÍCIHO WEBU

IKONY

SOCIAL MEDIA TEMPLATES

HILTON OLD TOWN

REKLAMNÍ CEDULE

OBČANSKÉ SDRUŽENÍ ÚRAZ

FIREMNÍ IDENTITA

LOGO DESIGN

WEB DESIGN

Kontakt

Navigace

Ke stažení

Socials

Zajímavosti

Projekty

Inspirace

Vzdělávání

Spolupráce

VARIA BILITA  LOGA