Corporate website for Grandia Solutions (WordPress, Gutenberg,
Task. The Atlassian partner needs a modern corporate website with products (Report Hub), services, and a blog that works quickly and is easily editable by the content team.
Solution.
Designed the architecture and implemented custom Gutenberg blocks (hero, services grid, resources, CTA, metrics).
Built a responsive interface with design tokens, smooth typography, animations (GSAP/Lottie), and fallbacks for prefers-reduced-motion.
Optimized images (WebP/AVIF, lazy, correct sizes), configured cache/CDN.
Conducted technical SEO: meta tags, Open Graph, structured data, sitemap, redirects.
Set up CI/CD + staging and prepared a short guide for editors (README + Loom).
Result. Lighthouse 90+ desktop / 80+ mobile, CLS < 0.05, TTI < 2.5s on key pages. The content team publishes updates without involving a developer.
Stack. WordPress, Gutenberg/ACF, SCSS, GSAP/Lottie, Webpack/Vite, Cloudflare, Lighthouse.
Hashtags:
#WordPress #Gutenberg #FrontEnd #Responsive #Performance #SEO #GSAP #Lottie #ACF
Solution.
Designed the architecture and implemented custom Gutenberg blocks (hero, services grid, resources, CTA, metrics).
Built a responsive interface with design tokens, smooth typography, animations (GSAP/Lottie), and fallbacks for prefers-reduced-motion.
Optimized images (WebP/AVIF, lazy, correct sizes), configured cache/CDN.
Conducted technical SEO: meta tags, Open Graph, structured data, sitemap, redirects.
Set up CI/CD + staging and prepared a short guide for editors (README + Loom).
Result. Lighthouse 90+ desktop / 80+ mobile, CLS < 0.05, TTI < 2.5s on key pages. The content team publishes updates without involving a developer.
Stack. WordPress, Gutenberg/ACF, SCSS, GSAP/Lottie, Webpack/Vite, Cloudflare, Lighthouse.
Hashtags:
#WordPress #Gutenberg #FrontEnd #Responsive #Performance #SEO #GSAP #Lottie #ACF