Perfect Designs: One-Page Website Case Study

Project Overview

Client:: Perfect Designs
Location:: Dubai, U.A.E
Industry:: Architectural Services
Project Type:: One-page responsive website

Tools Used

Perfect Designs needed a clean and professional one-page website to showcase their architectural services, obtain government approvals, and attract commercial clients in Dubai. I was responsible for the end-to-end design and development of the website.

Project Timeline

Discover
Design
Develop
Delivery

Week 1

Understand

Problems & Goals, Client Interview & Service lists
Weeks 1–2

User Research

Brainstorming, Competitive Analysis
Weeks 2–3

Ideation

Userflows, Sketches, Wireframes
Week 3

Design

UI Design (Font, Typography, Color, Icon choices), Prototype
Weeks 3–4

Development

Framer Web Builder & JavaScript
Week 5

Launch

Mobile testing, Browser compatibility, Feedback & Reviews

Perfect Designs

Goals

Clean, single-scroll layout
Clear display of Services
Contact options (WhatsApp, Email, Form)
Responsiveness
Strong digital presence

The website's Services Offered section, with cards for Project Proposal 2D Designs and Landscape Design Proposal

Challenges

1: One-Page Layout for a Content-Rich Business

Problem

Fitting multiple service types, government authorities, and images related to each service. The client wanted multiple images to change in each service card, while maintaining a single-page format without overwhelming the user.

Solutions

To satisfy all my client's requirements, I used clean cards to display each service, and made multiple images change automatically by using the images as variants of a component, with each variant pointed to the next after a short delay.

2: Domain & Hosting Access Issues

Problem

The client had previously purchased a domain from du (UAE telecom provider) but had lost access to their original hosting provider. They had no active website and limited technical understanding of DNS management.

This allowed the client to retain their domain and get their site up and running smoothly, with no need for traditional hosting.

I helped them set up Cloudflare for DNS management.
I hosted the website using Framer for ease and performance.
I configured Framer's nameservers inside Cloudflare, and then updated Cloudflare's nameservers in the du domain panel, successfully restoring full control over their domain and pointing it to the new website.