„Преди това беше статично портфолио — красиво, но фиксирано. Днес е жив дигитален продукт.“

С вълнение споделям, че vladonacev.com е изграден наново от нулата. Това, което беше обикновен статичен уебсайт, вече е динамично, модерно уеб приложение — по-бързо, по-интелигентно и готово да расте с всеки нов проект и статия.

От статични страници към динамично преживяване

Старият вариант си свърши работата: показваше проектите ми. Но всяка актуализация означаваше ръчно редактиране на HTML, дублиране на съдържание и ограничена интерактивност. Новото портфолио е различно:
  • Single-page application (SPA) — плавна навигация без пълно презареждане на страницата
  • Компонентна архитектура — преизползваеми UI блокове в Home, Work, Services, About, Blog и Contact
  • Централизирано съдържание — проекти, journal статии и metadata през единен data layer
  • Двуезичност по дизайн — пълна поддръжка на български и английски с моментално превключване

Изградено с модерни технологии

Сайтът работи върху внимателно подбран стек:
  • Angular 20 — standalone компоненти, lazy-loaded routes, reactive архитектура
  • TypeScript — type-safe, поддържаем код
  • GSAP + ScrollTrigger — scroll анимации, parallax, page transitions и text reveals
  • SplitType — кинетична типография в hero секциите
  • Tailwind CSS 4 + SCSS — utility-first стилизация с custom design tokens и dark mode
  • Spline 3D — immersive 3D фонове на избрани страници
  • ngx-translate — интернационализация EN / BG
  • Service Worker — offline-ready PWA възможности

Движение и интеракция — там, където дизайнът среща кода

Статичните страници не „дишат“. Новото портфолио го прави:
  • Hero entrance анимации, адаптирани за mobile, tablet и desktop
  • Scroll-linked parallax в секции и декоративни shapes
  • Плавни page transitions между routes
  • Infinite marquee текст и анимиран client marks scroller
  • Reveal анимации в project grid и transitions при филтриране по категория
  • Custom cursor с контекстни hover състояния
  • Magnetic button ефекти и blur-on-scroll върху изображения
  • Фин audio feedback при ключови интеракции
  • Dark / light theme toggle със запазена потребителска настройка

Blog и content система

Journal вече не е списък с външни линкове — това е пълноценно editorial преживяване:
  • Отделни article страници на /blog/:slug
  • Rich HTML съдържание с inline изображения, captions и структурирани секции
  • FAQ блокове за всяка статия — за SEO и яснота
  • Related work препоръки във всяка статия
  • Blog listing с pagination (Load More) и филтриране по категория
  • Breadcrumb навигация и динамични cover изображения
  • Custom video player за embedded showcases

SEO, performance и откриваемост

Портфолиото трябва да бъде намерено толкова лесно, колкото е възхитено:
  • Динамични meta titles, descriptions и Open Graph tags за всеки route
  • JSON-LD structured data — BlogPosting, FAQ и project schemas
  • Prerender pipeline — статични HTML shells за crawlers и social previews
  • Bulgarian language prerender с dedicated URL rewrites
  • Автоматизирано генериране на sitemap и IndexNow submission
  • NgOptimizedImage за responsive, lazy-loaded изображения
  • Web Vitals monitoring за реално проследяване на performance
  • Cookie consent с analytics интеграция
  • Reactive contact форма с валидация и server-side email delivery
  • Cal.com scheduling embed за записване на консултации
  • QR code generator компонент
  • Bot protection при form submissions

Архитектура на проекта

Под капака кодовата база следва чиста, мащабируема структура:
  • features/pages — page компоненти по routes (Home, Work, Blog, Contact, category pages)
  • features/components — reusable UI (projects grid, FAQ, breadcrumbs, video player, theme toggle)
  • core/layout — header, footer, hero sections, 404
  • services — animations, metadata, theme, scroll, projects, JSON-LD, responsive
  • shared/directives — magnetic, hover-cursor, blur-effect, lazy-video, infinite-scroll
  • scripts/ — SEO route generation, prerender, i18n validation, sitemap

Какво означава това за вас

Независимо дали сте потенциален клиент, колаборатор или колега дизайнер — вече получавате портфолио, което отразява начина, по който реално работя: стратегическо мислене, внимание към детайла и технология с цел.

Всеки scroll, transition и страница е с намерение. Всеки проект е на един клик разстояние. Всяка статия разказва пълна история.

👉 Разгледайте новото портфолио:
www.vladonacev.com

Madebyvladonacev — цялостни бранд преживявания.

От пиксели до печат. Проектирам лога, уеб интерфейси, UI продукти, менюта, плакати и още. Винаги обмислено, стратегически и визуално убедително.

📲 Последвайте ме за още: