WEB DEVELOPMENT
Personal Portfolio
A bilingual personal portfolio bringing together digital marketing experience, modern web development and agentic AI workflows.
OVERVIEW
The goal was to create a focused personal digital presence that presents experience, capabilities and current direction without unnecessary visual noise.
- ROLE
- Design · Development · Content · SEO
- STACK
- Next.js · TypeScript · Tailwind CSS
- WORKFLOW
- Agentic Development · Git · Vercel
DESIGN APPROACH
The design is intentionally simple, keeping the content, projects and experience in focus. Typography creates a clear hierarchy, while color is used for navigation and to highlight key elements.
- Minimal editorial aesthetic
- Strong typography and clear hierarchy
- Restrained teal and purple accents
- Consistent spacing and content-first presentation
RESPONSIVE DESIGN
The interface was refined and tested across mobile, tablet, laptop and desktop widths. Each layout keeps the same visual language while allowing content, navigation and imagery to adapt to the available space.
LOCALIZATION & SEO
The portfolio is available in English and Croatian, with localized content and technical SEO tailored to both versions.
- English and Croatian routes at / and /hr
- Localized titles, descriptions and Open Graph metadata
- Correct document language, canonical URLs and hreflang annotations
AGENTIC DEVELOPMENT
The project used an agentic development workflow: planning and design decisions were translated into implementation, then reviewed and refined through visual feedback and technical checks.
- Planning and design decisions
- Implementation
- Visual review
- Iterative refinement
- Technical validation
- Git version control
- Lint validation
- TypeScript validation
- Production builds
- Responsive verification
RESULT
A fast, responsive, bilingual portfolio that provides a clear foundation for future projects and case studies.