L`Interior

React.js, Next.js, Strapi, Shadcn/UI, TailwindCSS, SEO, JSON-LD, Zod, React Hook Form, Prettier, ESLint

This is a freelance project for an interior design and architecture agency based in Seville.

L`Interior img

Key features:

• Design

This project was designed and built by me in Figma using UX/UI concepts. Some icons were also designed.

• Project Architecture

The modular architecture was selected for this project. This allows for better scalability and maintainability.

• Responsive Design

The project was styled and made responsive for all devices using TailwindCSS.

• UI

Shadcn/UI components such as buttons, carousel, accordion, and more were integrated.

• Contact Form Integration

A user-friendly contact form with built-in validation was created and seamlessly integrated with React Hook Form, Zod schema, and Resend for streamlined email communication. Toaster notifications were added to improve user experience.

• Image Lazy Loading and Blur Placeholder

With lazy loading, images were loaded only when in view. Additionally, a blur placeholder was implemented to provide a more engaging and visually appealing experience.

• CMS

Strapi CMS was seamlessly integrated to handle backend functionalities, enabling efficient data management and content delivery. The CMS was deployed on the Render platform, ensuring optimal performance and reliability.

• Web Deployment

Finally, the project was deployed on Vercel. Additionally, a custom domain name was added.

• SEO & Performance Optimization

All essential meta tags, Open Graph metadata, and JSON-LD structured data were implemented to enhance search engine visibility and content sharing. Semantic HTML was used, ensuring proper heading structures, accessibility, and better indexing by search engines. Thanks to these optimizations, the page now achieves a strong position on Google, improving discoverability and driving organic traffic.

Google Search Image

Google Search Image

Additionally, performance optimizations such as code splitting, lazy loading, and efficient asset management were applied. As a result, the website achieves high scores on Google

Lighthouse, excelling in performance, accessibility, SEO, and best practices, ensuring a fast and seamless user experience.

Google Lighthouse Image

Want to create something?
Rocket

contact@lucadevelop.com