Úvodní stránkaDomů - VývojářO mněProjektyKontaktBlog
Zpět na projekty

STRAWSTAV S.R.O.

Next.js 14ReactTailwind CSSTypeScriptFramer MotionResponsive Design
Navštívit web

Ukázky projektu

Strawstav Homepage
Úvodní stránka s prezentací stavební firmy a hlavních služeb

Klíčové funkce

Prezentace služeb

Přehledná prezentace pěti hlavních služeb - stavební činnost, úklid bytových domů, správa nemovitostí, údržba zeleně a zemní práce.

Galerie projektů

Interaktivní galerie realizovaných projektů s filtrováním podle kategorií - fasády, odvětrání, rekonstrukce, zemní práce.

Responzivní design

Plně responzivní design optimalizovaný pro všechna zařízení s moderním UI/UX přístupem a profesionálním vzhledem.

Popis projektu

Webové stránky pro stavební společnost STRAWSTAV S.R.O. představují komplexní prezentaci firmy poskytující širokou škálu stavebních a správních služeb. Projekt byl navržen s důrazem na profesionální vzhled, přehlednost a snadnou orientaci pro potenciální klienty.

Moje role a příspěvek

UI/UX Design

Navržen moderní, profesionální design s důrazem na prezentaci stavebních služeb. Color scheme kombinující červenou, modrou a bílou vytváří důvěryhodný a energický dojem odpovídající stavebnímu oboru.

Frontend implementace

Kompletní implementace pomocí Next.js 14 s App Router, React pro interaktivní komponenty, TypeScript pro typovou bezpečnost a Tailwind CSS pro moderní styling. Důraz na performance a SEO optimalizaci.

Galerie a projekty

Vytvořena interaktivní galerie realizovaných projektů s filtrováním podle kategorií (fasády, odvětrání, rekonstrukce, zemní práce). Implementováno porovnání "před a po" s interactive sliderem pro lepší prezentaci výsledků práce.

Funkce a integrace

Implementován kontaktní formulář, integrace s OpenStreetMap pro zobrazení sídla firmy, newsletter systém, sekce s referencemi klientů, FAQ sekce a blog s odbornými články. Vše s důrazem na konverzi návštěvníků.

Klíčové sekce webu

  • Úvodní sekce - Hero sekce s představením firmy a hlavními statistikami (5+ dokončených projektů, 5 let zkušeností, kvalifikovaní pracovníci)
  • Služby - Detailní přehled pěti hlavních služeb s popisem a vizualizací
  • Proces spolupráce - Krok za krokem průvodce spoluprací (Návrh → Projekt → Realizace → Předání)
  • Portfolio projektů - Galerie realizací s filtrováním a detaily jednotlivých projektů
  • Reference - Hodnocení spokojených klientů s jejich fotografiemi a projekty
  • Blog - Odborné články o trendech ve stavebnictví a praktické rady
  • FAQ - Často kladené otázky s odpověďmi na nejčastější dotazy klientů
  • Kontakt - Kontaktní formulář, telefon, email a mapa sídla firmy

Výsledek

Výsledkem je moderní, profesionální webová prezentace stavební společnosti, která efektivně komunikuje nabízené služby a buduje důvěru u potenciálních klientů. Web je optimalizován pro vyhledávače, plně responzivní a poskytuje vynikající uživatelský zážitek na všech zařízeních. Projekt demonstruje schopnost vytvořit komplexní firemní web s pokročilými funkcemi a moderním designem.

Technické detaily

Použité technologie

  • Next.js 14
  • React 18
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • Lucide Icons

Klíčové funkce

  • Responzivní design
  • Interaktivní galerie projektů
  • Filtrovatelné portfolio
  • Před/Po slider
  • Kontaktní formulář
  • Newsletter systém
  • Blog sekce
  • FAQ akordeon
  • OpenStreetMap integrace
  • SEO optimalizace

Služby prezentované na webu

  • Stavební činnost
  • Úklid bytových domů
  • Správa nemovitostí
  • Údržba zeleně
  • Zemní práce

Doba realizace

8 týdnů

Rok dokončení

2025

Status

Aktivní produkční web

Další projekty

Pavel Fišer Website

Pavel Fišer

Zastupitel Praha 4

Salon Zuza Website

Salon Zuza

Kadeřnický salon

Matěj Hrabák Portfolio

Moje Portfolio

Osobní webové stránky

Matěj Hrabák

Webový vývojář se specializací na moderní technologie a frameworky. Tvořím responzivní a výkonné webové aplikace s důrazem na uživatelský zážitek.

Rychlé odkazy

  • Domů
  • O mně
  • Projekty
  • Blog
  • Kontakt

Z blogu

  • Next.js 15 - Co je nového
  • Optimalizace React aplikací
  • TypeScript tipy
  • Tailwind CSS
  • Přístupnost webu

© 2025 / Matěj Hrabák / Powered by Next.js

Ochrana soukromíPodmínky použití