Přeskočit na hlavní obsahNově na bloguShopify staví AI asistenta na Claude. Co z toho plyne pro české e-shopy?
← Zpět na případové studie·Shoptet · WordPress · 2022—2023
ARBORISTICKÁ AKADEMIE

Nové logo, e-shop se semináři a web,
který vše propojí.

ARBORISTICKÁ AKADEMIE — case study

Pro Arboristickou akademii jsme přepracovali logo a připravili logo manuál, navrhli a postavili e-shop na Shoptetu včetně wireframu a na WordPressu vytvořili rozcestník, který návštěvníky vede na správné místo.

Logo + manuál
3 varianty · 2 iterace
Wireframe
struktura e-shopu před designem
Semináře
prodej vzdělávání jako produktů
WordPress
rozcestník desktop + mobil
Klient
Arboristická akademie
Segment
Vzdělávání · Nezisková organizace
Služby
Redesign loga · Logo manuál · Wireframe · E-shop na míru · WordPress
Platforma
Shoptet + WordPress
Rok
2022 — 2023
01 · Výzva

Odborná organizace, několik kanálů,
žádný jednotný vizuál
.

Arboristická akademie propojuje vědu, praxi a komunikaci v péči o stromy. Nabízí semináře, workshopy, certifikace a vzdělávací obsah — každá aktivita potřebuje místo, kde ji zájemce najde a koupí.

Zadání mělo tři vrstvy: sjednotit vizuální identitu, postavit e-shop pro fyzické produkty i odborné semináře a vytvořit rozcestník, který návštěvníky spolehlivě pošle na správné místo.

02 · Náš přístup

Struktura před designem, pravidla před použitím.

012022 / Q4

Analýza a wireframe

Vstupní analýza a struktura nákupní cesty ještě před grafikou.

022022 / Q4

Design e-shopu

Unikátní návrh e-shopu a sjednocující kreativa pro odborné semináře.

032022 / Q4 — 2023 / Q1

Kódování a spuštění

Responzivní kódování na Shoptetu, generické stránky, testování a spuštění.

042023 / Q1

Logo a manuál

Tři varianty loga, dvě iterace a manuál s pravidly použití.

052023 / Q1

Rozcestník

Návrh pro desktop i mobil a responzivní kódování na WordPressu.

03 · Řešení

Semináře jako produkt. Logo, které platí všude.

Wireframe jako základ

Nejdřív jsme ujasnili nákupní cestu pro člověka hledajícího publikaci i pro účastníka semináře. Teprve na hotovou strukturu přišel unikátní grafický návrh.

Wireframe jako základ

Sjednocující kreativa pro semináře

Semináře dostaly jednotný vizuál, díky kterému jsou v e-shopu okamžitě rozpoznatelné a výpis působí jako ucelená nabídka.

Logo manuál a rozcestník

Z finálního loga vznikl manuál s pravidly velikosti, barevnosti, typografie a ochranných zón. WordPress rozcestník propojuje web akademie s e-shopem ve stejném vizuálním jazyce.

04 · Klíčové momenty

Tři rozhodnutí, která projekt definovala.

Struktura
01

Wireframe dřív než grafika

U e-shopu prodávajícího publikace i vzdělávání je nákupní cesta důležitější než vizuál.

WireframeUXShoptetNákupní cesta
Semináře
02

Vzdělávání jako produkt v e-shopu

Sjednocující kreativa dala nehmotné nabídce jednotnou tvář a rozpoznatelnost.

Prodej seminářůProduktová kreativaShoptet
Identita
03

Logo s pravidly

Ochranné zóny, barevnost, typografie a zakázané varianty drží logo konzistentní na všech kanálech.

Redesign logaLogo manuálVizuální identita
05 · Výsledky

Co jsme dodali.

Nová vizuální identita

Přepracované logo s kompletním logo manuálem.

E-shop na Shoptetu

Wireframe, unikátní design a prodej odborných seminářů.

Jednotná tvář seminářů

Sjednocující kreativa pro vzdělávací nabídku.

Rozcestník na WordPressu

Responzivní stránka propojující web a e-shop.

06 · Tech stack

Jeden vizuální jazyk pro tři výstupy.

Platformy
ShoptetWordPress
UX & design
WireframeUnikátní designProduktová kreativa
Brand
Redesign logaLogo manuál
Frontend
Responzivní kódování Shoptet + WordPress
07 · Tým

Jeden partner pro identitu, e-shop i web.

Díky společnému týmu mluví všechny kanály stejným vizuálním jazykem.

Co jsme pro Arboristickou akademii postavili

2022 — 2023
01

E-shop na Shoptetu

Analýza, wireframe, design, kreativa pro semináře, kódování, testování a spuštění.

2022
02

Redesign loga a logo manuál

Tři varianty, dvě iterace a kompletní pravidla použití.

2023
03

Rozcestník na WordPressu

Návrh desktop + mobil a responzivní kódování.

2023
Další případové studie

Stavíme i pro
jiné značky.

Všechny případové studie →
Margly

Co udělat, aby ti e-shop vydělával víc? Margly to ví dřív než ty.

Více informací →margly.io
Bez závazku

Stavíme i pro
vás.

Pošlete nám pár vět o vašem projektu. Dáme si nezávazný hovor.