Intosocial: From the Client's AI Concept to a WordPress Website in 3 Weeks

Intosocial Advertising GmbH is a young, full-service social-first creative agency based in Düsseldorf and founded in 2024. The company provides SMM strategy, content creation, creator management, performance advertising, and community management services for B2C and B2B brands. Its corporate website serves as a digital business card and a channel for attracting clients.

The first version of the website was built on WordPress using a Canva layout provided by the client, with a standard Agency / Approach / Services / Contact structure. About a year later, the client decided to redesign the website and refresh the brand’s visual presentation. They used Claude to create the code and visual concept for the new design.

Our task was to adapt this AI-generated concept for production on the same WordPress stack while preserving the URL structure and SEO metadata.

The main challenge was quickly implementing an unconventional AI-generated design as a custom WordPress theme without website downtime. Because the landing page is the agency’s primary lead generation channel, any technical failure or error in the inquiry form could have directly resulted in lost leads.

Strict technical requirements added to the challenge: replacing heavy page builders with custom development, accurately recreating the animations and video header with minimal impact on performance, and preserving the URL structure and SEO metadata.

We developed a custom WordPress theme with clean, optimized code:

• AI design adaptation: We used the code and concept generated in Claude as the basis for development and adapted them to WordPress without page builders.

• Media asset optimization: We converted the background video in the hero section to WebM and created custom SVG social media icons with hover animations.

• Inquiry form: We configured WPForms with a “Project Budget” field to segment inquiries.

• SEO preservation during the redesign: We implemented the new design while preserving the URL structure and SEO metadata.

1. Engineering Journey: From Canva to Claude

• First version: The website was built from an adapted Canva layout with a basic structure.

• Second version: The starting materials were code and a visual concept generated in Claude. The team adapted them for WordPress and developed a custom theme without using page builders.

2. Biggest Engineering Challenge

Balancing the website’s rich visual elements - the video header and animations - with performance, while preserving the URL structure and SEO metadata during the redesign.

3. Technology Stack

• WordPress (custom theme)

• PHP

• WPForms

• CSS/SVG animations

• WebM video

Technical and Process Outcomes:

• Development speed: The website was ready within 3 weeks of receiving the Claude materials.

• Performance: The team optimized the background video and animations to reduce their impact on page load times.

• SEO preservation: The redesign retained the URL structure and SEO metadata.

Business Outcomes:

• Inquiry segmentation: The “Project Budget” field helps the sales team assess inquiries more quickly based on the budget provided.

• Updated visual presentation: The agency received a modern landing page that reflects the new concept created with Claude.