Two weeks of intensive work on a modern web platform. Documentation of every step from idea to implementation.
Improved visibility on search engines and AI platforms.
Structured data (JSON-LD) and LLM-friendly content are key for modern search.
Better Google ranking and more precise AI assistant answers.
Drastic reduction in image sizes and link fixes.
Loading speed directly impacts user retention.
Page loads 90% faster on mobile networks.
Comprehensive improvement of inclusivity and user experience.
Good design is inclusive design. WCAG AA standard is our goal.
Site is now easier to use for people with disabilities.
New publications, video support, and galleries.
Multimedia content engages users more than static text.
Richer project exploration experience.
Modern rounded elements inspired by iOS design.
Squircle (superellipse) gives a softer and more modern look than regular rounded corners.
Visually cohesive and modern website appearance.
New page for visualizing environmental issues in Zenica.
Visual representation of problems is more effective than text. Scroll animations guide users through the story.
Users can visually experience the impact of landfills on the environment.
Complete migration from Vite to Next.js 16.1 with Turbopack.
Next.js offers SSR, image optimization and better build system than Vite.
Faster build, instant refresh, better SEO.
Upgrade to Tailwind v4 with CSS-first configuration.
CSS-first approach is more intuitive. OKLCH colors give better results.
Smaller bundle, centralized design system.
Dark theme system with system preferences detection.
Dark mode reduces eye strain and saves battery.
Increased accessibility and comfort of use.
Premium smooth scrolling with Lenis library.
Fluid scroll improves perception of site quality.
Scrolling feels premium and polished.
Modular components and consistent visual identity.
Reusable components speed up development.
Faster development through reusable components.
Initial version with Vite, React 19 and Tailwind CSS.
Vite for quick start, foundation for future migration.
Foundation set for further development.
Every decision puts the user at the center - from smooth scrolling to dark mode.
Semantic HTML, reduced-motion support, and usability for everyone.
Attention to every detail - from micro-animations to typography scale.
This is just the beginning. We continue working on new features, better performance and even more impressive user experience.
