Späť na projekty

Prezentačný web pre statiku stavieb

Constructures

Constructures potrebovali vytvoriť prvú profesionálnu online prezentáciu firmy. Cieľom bolo predstaviť služby v oblasti statiky stavieb, ukázať vybrané projekty a pripraviť web, ktorý bude pôsobiť dôveryhodne pri oslovovaní nových klientov.

UX a štruktúraLogo a vizuálny smerDizajnFrontend vývojPayload CMSSEO základyFormuláreEmailové notifikácieHosting a nasadenieDNS nastavenie
Navštíviť web
01

UX a štruktúra

02

Logo a vizuálny smer

03

Dizajn

Kontext

Firma potrebovala prejsť z nulovej online presence na dôveryhodnú prezentáciu.

Výzva

Firma nemala web, logo ani jasne definovaný vizuálny smer. Chýbalo miesto, kde by vedela predstaviť služby, ukázať projekty a pôsobiť profesionálne pri kontakte s potenciálnymi klientmi.

Cieľ

Cieľom bolo vytvoriť moderný prezentačný web s jednoduchou identitou, prehľadnou štruktúrou služieb, portfóliom projektov, kontaktným formulárom a CMS, aby si klient vedel vybrané časti obsahu upravovať samostatne.

Typ projektu

Prezentačný web

Oblasť

Statika stavieb

Branding

Logo, farby a typografia

Správa obsahu

Payload CMS

Rok

2025

Čo bolo súčasťou

Od základnej identity po web so správou obsahu.

Projekt zahŕňal celý proces od štruktúry, jednoduchého loga a vizuálneho smeru až po frontend, Payload CMS, ukladanie médií, SEO nastavenia, formulár, emailové notifikácie, hosting a DNS.

Logo a vizuálny základ

Vzniklo jednoduché logo, farebný smer, typografia a vizuálny základ, na ktorom sa následne postavil celý web.

UX, štruktúra a dizajn

Navrhol som štruktúru webu tak, aby jasne predstavila firmu, služby, projekty a kontaktnú cestu pre potenciálnych klientov.

Payload CMS

CMS umožňuje klientovi upravovať vybrané časti webu, napríklad projekty, služby, kontaktné informácie, obrázky a ďalší obsah.

Médiá a dokumenty cez AWS S3

CMS bol napojený na AWS S3 pre ukladanie obrázkov a dokumentov, aby sa obsah dal spravovať flexibilnejšie a spoľahlivejšie.

SEO, indexovanie a metadata

Súčasťou bolo nastavenie metadát, sitemap, indexovania a Google Search Console ako technický základ pre vyhľadávanie.

Formulár a emailové notifikácie

Kontaktný formulár bol prepojený s emailovými notifikáciami pre klienta aj odosielateľa cez AWS SES.

Rozhodnutia

Čo bolo pri projekte najdôležitejšie

Pri firme bez predchádzajúcej online prezentácie bolo kľúčové vytvoriť základ, ktorý bude pôsobiť profesionálne, jednoducho sa spravovať a dá sa ďalej rozširovať.

01

Profesionálny prvý dojem

Web mal firme pomôcť pôsobiť dôveryhodne pri oslovovaní nových klientov a lepšie prezentovať odbornosť v oblasti statiky stavieb.

02

Portfólio ako hlavný dôkaz práce

Projekty boli dôležitou súčasťou obsahu, preto CMS umožňuje ich pridávanie a úpravu spolu s obrázkami a detailmi realizácií.

03

Samostatná správa obsahu

Klient nemusel byť závislý od vývojára pri každej úprave. Vybrané časti webu sú spravovateľné cez CMS.

04

Technický základ pre ďalší rast

Web bol pripravený s dôrazom na SEO, formuláre, hosting, správu médií a možnosť ďalšieho rozširovania podľa potrieb firmy.

Ukážky

Kľúčové časti projektu

Výber obrazoviek, ktoré ukazujú prezentáciu firmy, služby, portfólio projektov, detail realizácie a kontaktnú cestu.

Technológie

Technológie použité v riešení

Stack bol zvolený tak, aby web fungoval ako moderná prezentácia firmy aj ako spravovateľný systém pre projekty, služby, médiá a kontaktné dopyty.

Next.jsZáklad webu, routing, rendering a prepojenie s CMS.
Payload CMSSpráva projektov, služieb, kontaktných informácií, obrázkov a vybraného obsahu.
PostgreSQLDatabázový základ pre obsah spravovaný cez CMS.
TailwindCSSTvorba responzívneho a konzistentného vizuálneho rozhrania.
shadcn/uiKomponentový základ pre rozhranie a formuláre.
MotionJemné animácie a prechody podporujúce moderný pocit webu.
PostHogAnalytika návštevnosti a správania používateľov.
AWS S3Ukladanie médií a dokumentov používaných v CMS.
AWS SESOdosielanie emailových notifikácií z kontaktného formulára.
Google Search ConsoleKontrola indexovania, sitemap a technického stavu vo vyhľadávaní.
VercelHosting, nasadenie a prevádzka webu.

Výsledok

Profesionálna online vizitka s priestorom pre ďalší rast.

Výsledkom je moderný prezentačný web, ktorý firme vytvoril prvú online presence, predstavil služby, umožnil ukázať projekty a dal klientovi možnosť spravovať vybrané časti obsahu cez CMS.

Na mieru

web navrhnutý od nuly pre B2B firmu

Logo

jednoduchá vizuálna identita, farby a typografia

CMS

správa projektov, služieb, obrázkov a obsahu

SEO-ready

metadata, sitemap, indexovanie a Search Console

AWS

S3 úložisko médií a SES emailové notifikácie

Online

nová digitálna prezentácia firmy na internete

Ďalší krok

Máte podobný projekt?

Stačí pár viet o firme, službách a tom, čo má nový web zlepšiť. Ozvem sa s odporúčaným postupom a orientačným rozsahom.

Nový dopytPodobný projekt

Potrebujeme jasnejší web, lepší tok dopytu a technický základ, ktorý pôjde rozvíjať.

Odpoveď s odporúčaným rozsahom

48 h