Built in April 2021, Elegance was one of my earliest projects when I was just beginning my deep dive into web development. It is a website for a fictional interior design company, designed and coded from scratch. At the time, I was exploring animations, CSS layouts, and smooth user experiences, making this project a pivotal learning experience.

The website was built using:

• Adobe XD for the initial design
• HTML, CSS, and JavaScript for development
• Animations on page transitions and interactions to enhance user engagement

Website Features

Home Page

The homepage introduces Elegance with:

• A brief overview of who we are
• A summary of our process—how we bring designs to life
• A glimpse of our services
• A section showcasing our partners who collaborate with the firm

Services Page

The services page lists the firm's interior design services, each leading to a detailed service page with in-depth explanations and FAQs. The services include:

• New Construction – Designing interiors for brand-new structures
• Renovation – Transforming existing spaces into something fresh and modern
• Space Planning – Optimizing layouts for better functionality and flow
• Color Consultation – Selecting the perfect color schemes for different spaces
• Furniture Selection – Curating furniture pieces that fit a client's aesthetic
• Window Treatments – Styling windows with blinds, curtains, and more
• Flooring – Choosing the right flooring materials to complement interiors
• Lighting – Enhancing spaces with the perfect lighting solutions
• General Consultation – Providing expert guidance for interior design projects

Each service page includes FAQs to answer common client concerns.

About Page

The about page is divided into multiple sections:

• Company History – A timeline of how the firm evolved
• Mission & Vision – The firm's core values and design philosophy
• Awards & Recognitions – A showcase of fictional achievements
• Our Dedicated Team – Highlighting the firm’s skilled professionals
• Testimonials – Client feedback and success stories

Projects Page

The projects page displays completed interior design works. Each project has its own page with details such as:

• Year completed
• Project location
• Category (Residential, Commercial, Hospitality, etc.)
• Services provided
• Size of the project
• Team members involved

Gallery Page

A dedicated gallery filled with high-quality images showcasing the firm’s designs, workplace, and completed projects.

Explore Page (Blog)

A blog section that features articles on architecture, interior design trends, and expert insights.

Contact Page

The Contact page includes:

• A contact form for inquiries and project requests
• A map integration to show the firm's fictional office location

A Project That Shaped My Web Development Journey

This project was more than just a website—it was where I learned animations, mastered CSS layouts, and experimented with JavaScript for interactivity. The smooth page transitions and well-structured sections reflect my early passion for creating engaging web experiences.

Even though Elegance was built using only HTML, CSS, and a bit of JavaScript, it remains a nostalgic milestone in my journey, reminding me of how far I’ve come as a developer.