GIT Elektro

Stránky fungující jako prezentační moderní „one page“. Web je jednoduchý a uživatele upoutá zajímavou grafikou. Standardem je rychlé načítání a dobrá přístupnost pro všechny uživatele. Stránky nepostrádají ani intuitivní administraci obsahu.

Dokončeno v říjnu 2020
  • web
  • graphics
Zalíbil se vám projekt? Chtěli byste podobný? Napište mi

Tým

  •  
    Ing. Martin Drozdík Team lead, programátor
  •  
    Ing. Jan Šefčík Grafika, UI

Práce na projektu

GIT Elektro jako klienta se nám podařilo získat díky referenci jiného klienta s pozitivní zkušeností. Projekt začal videokonferencí, kde jsme probrali, jaké jsou potřeby firmy, kdo jsou jejich zákazníci a co bychom mohli nabídnout jako řešení.

Organizaci v týmu i komunikaci s klientem jsem obstarával já.

Jelikož GIT Elektro nemělo žádnou grafickou identitu, museli jsme jí vytvořit. Talentovaný grafik Jan Šefčík společně s potřebami a zálibami GIT Elektro tuto identitu navrhl i vytvořil – primárně logo. Vizitky i hlavičkový papír následovali.

Logo koncept

Koncept loga pro shlédnutí klienta a výběr dalšího směru

GIT Elektro Logo

Finalista vybraný klientem

GIT Elektro logomanuál

S připraveným logem i paletou jsme se mohli pustit do práce na webových stránkách. Společně s klientem jsme iterovali grafické návrhy až do jejich výsledné formy. Při komunikaci a návrzích jsme hleděli hlavně na potřeby firmy a prospěch pro jejich zákazníky.

GIT Elektro web

GIT Elektro web

Paralelně s tvorbou návrhů jsem již pracoval na back-end webu. Vytvořil jsem administraci na míru pro maximální intuici UI, bezpečnost a flexibilitu.

Po dokončení grafických návrhů jsem vytvořil front-end přesně dle grafických návrhů. Responzivita webu je samozřejmostí, stejně tak jako spoustu dalších detailů, když přijde na tvorbu webu – rychlé načítání, dobrá přístupnost a správná informační architektura. Výslednou aplikaci jsem spustil na serveru.

Tvorba grafické identity a webu GIT Elektro probíhala bez problémů. S výsledkem práce byly spokojeny všechny strany.

Vybrané použité technologie

  • HTML 5 Markup language Front-end webu
  • SASS Awesome style sheets Front-end webu
  • TypeScript Programming language Front-end webu
  • .NET Core Developer platform Back-end webu
  • Blazor Front-end SPA Framework Front-end administrace
  • MSSQL Relational database Persistence
  • Git Version control system Verzování