Mongoose Signs & Advertising

O projekte

Mongoose Signs & Advertising je kompletná firemná webová stránka vytvorená pre Serhiia Titova a jeho spoločnosť v oblasti reklamy a výroby či montáže označení. Cieľom projektu bolo premeniť viac ako 20 rokov praktických skúseností v odvetví a rozsiahly archív dokončených prác na jasnú modernú online prezentáciu, ktorá vysvetľuje služby spoločnosti, ukazuje reálne projekty a vedie potenciálnych zákazníkov k žiadosti o cenovú ponuku. Web prezentuje podnikanie prostredníctvom samostatných sekcií Home, About, Services, Portfolio, Reviews, Blog a Contact. Štruktúra služieb zahŕňa montáž označení, billboardov, LED reklamy, opravy a údržbu, polepy a grafiku vozidiel, pomoc s povoleniami a ďalšie reklamné riešenia. Sekcia About opisuje Serhiiovu profesionálnu cestu od vlastného podnikania na Ukrajine cez medzinárodné skúsenosti až po súčasnú činnosť v štáte Washington. Stránka zároveň vysvetľuje oblasť pôsobenia a pracovný proces od konzultácie až po montáž. Významnou časťou projektu je vizuálne portfólio. Dokončené práce sú rozdelené do kategórií, ako sú svetelná reklama, fasády, pylóny a stely, billboardy, interiéry, markízy, kovové rámy, branding vozidiel, bannery, tónovanie, dopravné značky, hliníková reklama a lakovacie práce. Portfólio som vytvoril tak, aby stránky jednotlivých kategórií načítavali obrázky z organizovaných priečinkov projektu a ďalšie práce zobrazovali postupne namiesto načítania celého rozsiahleho archívu naraz. Vďaka tomu je veľké množstvo vizuálneho obsahu jednoduchšie prehliadať aj spravovať. Frontend bol vyvinutý pomocou Next.js 16, Reactu 19 a TypeScriptu s App Routerom a vlastným globálnym CSS. Vytvoril som opakovane použiteľné komponenty, responzívne rozloženia pre desktop aj mobilné zariadenia, mobilné burger menu, upraviteľné SVG prvky rozhrania a optimalizované WebP obrázky. Dizajn sa prispôsobuje rôznym veľkostiam obrazovky tak, aby zostala firemná identita, hlavné výzvy k akcii a kontaktné údaje vždy ľahko dostupné. Vyvinul som aj interakčné scenáre pre kontakt so zákazníkmi. Odkazy zo služieb dokážu preniesť vybranú službu priamo do formulára žiadosti, telefón poskytuje spätnú väzbu po skopírovaní a správanie e-mailu je prispôsobené osobitne pre desktop a mobilné zariadenia. Kontaktné a recenzné formuláre boli pripravené s validáciou a API adaptérmi pripravenými na budúci backend, vrátane kontroly originu, honeypot ochrany, limitov požiadaviek, obmedzení súborov a logiky rate limiting. Aplikácia obsahuje aj security headers a Content Security Policy. Trvalé ukladanie údajov z formulárov bolo zámerne ponechané na neskoršie pripojenie backendu a nie je prezentované ako už hotová databázová funkcia. Projekt zahŕňa aj praktické produkčné prvky, ako vlastnú 404 stránku, sitemap, robots konfiguráciu, optimalizáciu obrázkov a prípravu na deployment. Výsledkom je responzívna firemná webová stránka, ktorá spája prezentáciu spoločnosti, informácie o službách, rozsiahle kategorizované portfólio, procesy recenzií a cenových dopytov a technický základ pripravený na ďalšie backend rozšírenia podľa rastu firmy.

Moja úloha

Zabezpečil som kompletný dizajn a frontend vývoj webu: informačnú architektúru, responzívne UI, opakovane použiteľné Next.js komponenty, štruktúru služieb a portfólia, optimalizáciu obrázkov, interakčný dizajn, validáciu formulárov a API-ready bezpečnostnú logiku, technické SEO stránky, testovanie a nasadenie na Vercel.

Čo som urobil

• ✓Naplánoval som informačnú architektúru a používateľský tok zameraný na obchodné ciele
• ✓Vytvoril som web pomocou Next.js 16, Reactu 19 a TypeScriptu s App Routerom
• ✓Vytvoril som responzívne desktopové a mobilné rozloženia s vlastným globálnym CSS a burger navigáciou
• ✓Vyvinul som stránky Home, About, Services, Portfolio, Reviews, Blog, Contact, kategórie, 404, sitemap a robots
• ✓Vytvoril som portfólio založené na priečinkoch s kategóriami a postupným načítavaním obrázkov pre rozsiahly archív prác
• ✓Optimalizoval som obrázky portfólia do WebP a vytvoril opakovane použiteľné a upraviteľné SVG prvky rozhrania
• ✓Implementoval som predvýber služby v kontaktnom formulári, spätnú väzbu pri kopírovaní telefónu a odlišné e-mailové interakcie pre desktop a mobil
• ✓Pripravil som kontaktné a recenzné formuláre s validáciou, kontrolou originu, honeypot ochranou, limitmi požiadaviek, obmedzeniami súborov a logikou rate limiting
• ✓Pridal som security headers a Content Security Policy a pripravil API adaptéry pre neskoršie backend ukladanie
• ✓Projekt som otestoval a produkčne pripravený frontend nasadil na Vercel