Website for SRDK Studio. An excellent presentation of the client's services

Their previous website was based on an outdated version of WordPress, making it incompatible with modern security requirements and UX/UI standards. Our team created and implemented the new site using modern design patterns and current technologies. As a result, we were able to not only significantly improve performance, but also adapt the site to today's user expectations, both in terms of usability and aesthetics.

Challenge

The primary project purpose was to design and launch a website that:

• Provides fast loading and stable performance even with heavy traffic.
• Highlights client's professionalism and presents its services and project portfolio as attractive to users as possible.
• Complies with accessibility guidelines (WCAG 2.1 at AA level).
• Follows search engine optimization principles.
• Simplifies content management by non-technical staff.

The biggest challenge in implementing this website was to ensure high performance and SEO optimization while maintaining flexibility in content management and integration with external systems.

Solution

Our Boring Owl team developed and implemented a system:

• Frontend: Next.js using SSR and ISR to ensure fast loading and updating of content.
• Backend: Strapi as a headless CMS, facilitates content management and other content on the website, and supports the site's multilingualism.
• Database: PostgreSQL, supports data storage and access, with query and index optimization, and provides security through regular backups.
• Hosting and infrastructure: Coolify with Cloudflare CDN integration for load optimization, SSL and DDoS protection.
• External integrations:
  • Google Analytics and Google Tag Manager: analytical tools for monitoring.
  • Mailchimp: mailing system for newsletter delivery.
  • Webhooks and content revalidation system.

Key Features

• Optimized navigation - drop-down menus, sticky bars, quick access to services and portfolio.
• Modular homepage - with “Hero”, “Our Services”, “Projects”, “Blog” and “About Us” sections.
• Services and projects pages - edited with CMS to manage content and galleries.
• Multilingual system - full support for content in Polish and English, as well as Hebrew and Arabic.
• SEO management - editing meta tags, header structure, URLs and sitemap.xml without programmers.
• Adaptation of WCAG 2.1 and Accessibility EU Act requirements - full accessibility for people with disabilities.
• Integration with newsletter and social media - forms, icons, links customized in CMS.

Results

• Faster loading times, its improved by 40-60%, Google PageSpeed scores of 85+ (mobile) and 90+ (desktop).
• Improved user experience and site optimization for mobile and desktop devices.
  Increased inquiries through better presentation of services and more effective calls to action (CTAs).
• Facilitating content management through CMS and customizable components on subpages.
• Increased search engine rankings due to SEO and SSR optimization.
• Aesthetically pleasing, consistent with visual identity, professional website presenting the company as a market leader.

Summary

SRDK Studio's website is an example of a comprehensive implementation of a website based on headless architecture. Our team executed the project according to the highest standards, and the introduction of technologies such as Next.js, Strapi, Cloudflare and Coolify, made it possible to create a flexible, responsive and efficient platform. The site meets high standards of UX, SEO, accessibility and security, setting a new quality presence in the architecture industry.