Portfolio Case Study

How I Planned, Built, and Launched a Client Website Using WordPress and AWS Lightsail

For this project, I created a full website for a real client and handled the work from setup to launch. That included choosing the platform, configuring hosting, connecting the domain, designing the pages, setting up forms, and troubleshooting the issues that came up along the way. This write-up explains the project in plain language so even someone without a technical background can understand what I built and why it mattered.

WordPress AWS Lightsail DNS & Domain Setup Responsive Design Forminator Plugin Client Website Delivery

Project Type

Website design, setup, deployment, and launch for a real client.

My Role

Builder, designer, troubleshooter, and deployment owner.

Why this project matters

This project shows that I can take a business need and turn it into a working digital product. It was not just about making something look good. It was about solving real problems: giving the client an online presence, helping visitors find information quickly, and making it easier for people to reach out.

Simple one-line summary

I built and launched a professional website by combining a website builder with cloud hosting, domain configuration, and practical problem-solving.

Project Overview

Think of this project like opening a new business location online. I had to create the digital "building," make sure people could find it, organize the information inside it, and make sure the contact process actually worked.

The problem

The client needed a professional website where people could learn about the business, understand the services offered, and easily get in touch.

The goal

Build a clean, trustworthy, easy-to-navigate website that feels professional and works well on both phones and computers.

The result

A launched website with structured pages, a contact form, custom content sections, cloud hosting, and domain connectivity.

Tools and Technology I Used

I want recruiters and non-technical readers to see not just the names of the tools, but also what each one actually did in the project.

WordPress

This was the main website platform. It gave me a dashboard where I could create pages, manage content, install plugins, and control the site without having to code every screen from scratch.

AWS Lightsail

This was the cloud hosting environment. In simple terms, Lightsail is the online computer where the website lives so people can visit it on the internet.

DNS / Domain Configuration

DNS is like the internet's address book. I used domain configuration to connect the client's custom web address to the hosted website so visitors could reach it using a real business domain.

Forminator Plugin

This plugin helped me create contact forms so visitors could submit information directly from the website instead of calling or emailing first.

Plain-English explanation: A website project is not just one thing. It usually includes the visual design, the content structure, the hosting setup, the domain connection, and the interactive parts like forms. I worked across all of those layers.

Step-by-Step Walkthrough

Below is the full process I followed, explained in a way that shows both the technical work and the real-world purpose behind each step.

Understanding what the client needed

Before building anything, I first had to understand the purpose of the site. A website should not just exist to "look nice." It should solve a communication problem. In this case, the website needed to introduce the client professionally, present key information clearly, and make it easy for visitors to reach out.

This stage was important because it guided every other decision I made later. For example, the kind of pages I created, the order of information on those pages, and the type of form I added all depended on the client's goals.

Discovery Business Goals User Needs

Choosing a practical website stack

I used WordPress because it is fast to work with, flexible for business websites, and easier for non-developers to maintain after launch. That matters in real client work because the project does not end the moment the website goes live. The client may later want to update text, add new pages, or change contact details.

I hosted the site on AWS Lightsail, which gave me a cloud server environment without the complexity of building a hosting setup completely from scratch. This was a smart middle ground: professional enough for real deployment, but simple enough to manage efficiently.

Platform Choice Cloud Hosting Maintainability

Setting up the hosting environment

Once I chose the stack, I created the WordPress instance in AWS Lightsail. This is the step where the website gets its actual home online. Without hosting, a website design is just an idea. Hosting is what makes it real and accessible.

At this point, I had to make sure the server was running properly, WordPress was accessible, and the environment was ready for content and design work. This was part website setup and part infrastructure setup.

For non-technical readers: imagine renting a store space before decorating it. AWS Lightsail was the store space. WordPress was the system I used to arrange everything inside.

Deployment Infrastructure Environment Setup

Connecting the custom domain with DNS

After the site existed on the server, I connected it to the business domain. This is a very important part of real website work because a site is not complete if people can only find it through a temporary server address.

DNS work can be confusing, but the easiest way to explain it is this: it tells the internet where to send people when they type in the website name. I configured the domain records so the custom web address pointed to the hosted site correctly.

This stage also involved checking for common issues such as the site not loading, domain propagation delays, and link mismatches. It taught me that website deployment is not just visual design. Networking and configuration matter too.

DNS Domain Mapping Troubleshooting

Designing the layout and organizing the content

Once the website infrastructure was ready, I focused on the user experience. I created and arranged the main pages so visitors could move through the site naturally. Instead of dumping all the information in one place, I split the content into meaningful sections.

This included thinking about what a first-time visitor would need to know right away. For example: Who is this business? What does it offer? Why should I trust it? How do I contact them? Good website structure answers those questions without making the user work too hard.

I also paid attention to visual hierarchy, which simply means showing the most important information first. Headings, spacing, sections, and call-to-action areas all helped guide the user through the site.

UI/UX Information Architecture Content Design

Building the contact workflow

A business website should not only provide information. It should also help convert interest into action. That is why the contact section mattered so much.

I used the Forminator plugin to build a contact form so visitors could send their details directly through the site. That made the experience more convenient and professional than telling users to search for an email address manually.

This part of the project also made me think beyond the form itself. A form is only useful if the submission actually reaches the business owner in a practical way. So the real goal was not just to place fields on the page, but to support communication and follow-up.

Forms Lead Capture Business Workflow

Making sure the site worked well on different devices

People do not visit websites from one type of screen anymore. Some use phones, some use tablets, and some use laptops. Because of that, I tested the site layout on different screen sizes to make sure the content remained readable and the design still looked clean.

This matters because a site can look perfect on a desktop and still feel frustrating on a phone. Responsive design means the website adjusts so users do not have to zoom in, struggle to tap buttons, or read cluttered content.

Responsive Design Mobile Experience Usability Testing

Troubleshooting real deployment issues

One of the most valuable parts of the project was solving the issues that came up during the build. In real-world tech work, projects almost never move from idea to launch with zero problems. Part of the job is knowing how to investigate what is wrong and fix it.

During this project, I worked through setup and connectivity issues related to areas like DNS, linking, page structure, plugin behavior, and general configuration. That experience strengthened my ability to not panic when something breaks, but instead work through the system step by step.

To me, this is one of the strongest signs of growth in a builder: not just making something when everything is easy, but getting it over the finish line when unexpected problems appear.

Debugging Problem Solving Production Readiness

Launching the website and thinking like an owner

Launching the site meant more than publishing pages. It meant making sure the experience was usable, the information was accurate, the domain worked, and the contact path was clear.

This final stage pushed me to think like both a developer and a business owner. A successful launch is not just about saying "the website is live." It is about asking whether the site actually serves the people who need it.

Go Live Quality Check Client Delivery

What This Project Looks Like in Plain English

This section is for non-technical readers. It explains the project as if I were describing it to someone outside of tech.

I built the digital location

Just like a physical business needs a good location, a website needs a proper place online. I set that up through cloud hosting.

I organized the information

I structured the pages so visitors could quickly understand who the business is, what it offers, and what to do next.

I made communication easier

Instead of leaving visitors to figure things out on their own, I added a direct contact form to make reaching out simple.

Why this matters: Good digital work is not only about code. It is also about clarity, trust, ease of use, and creating smoother experiences for real people.

Challenges I Worked Through

Domain and DNS confusion

Domain configuration can feel invisible because you do not "see" it the same way you see a page design. But if it is wrong, the site does not load correctly. Working through that helped me better understand how websites are connected behind the scenes.

Balancing design with simplicity

It is easy to overcrowd a business website. I had to decide what information mattered most and keep the layout clean enough that visitors would not feel lost.

Making technical choices that support the client

I was not just building for myself. I had to think about what would be manageable, sustainable, and useful for the person who owns the site.

Skills This Project Demonstrates

Technical setup

Hosting, WordPress installation, plugin setup, and deployment work.

Problem-solving

Debugging issues with domain connections, site behavior, and configuration.

User-centered thinking

Designing the site based on what visitors need to see and do.

Communication

Translating business needs into site structure, content, and functionality.

Whitman Behavioral Wellness home page screenshot
Home Page
Whitman Behavioral Wellness about page screenshot
About Page
Whitman Behavioral Wellness service page screenshot
Service Page
Whitman Behavioral Wellness contact page screenshot
Contact Page

What I Learned

Every project teaches something beyond the original task. These were some of the biggest lessons I took from this build.

Web projects are part design and part systems work

A good-looking page is only one piece of the job. Real website delivery also includes hosting, domain setup, plugins, testing, and launch readiness.

Clear structure makes a site feel professional

Users should never have to guess where to click next. Organizing content well is one of the most important parts of building trust online.

Troubleshooting is part of building

Technical projects do not become valuable because they are perfect. They become valuable because you can move them from problem to solution.

Final Reflection

This project helped me grow from simply “making a website” to thinking more like someone delivering a real solution.

What I am most proud of is that this project required both technical execution and practical judgment. I had to think about the client's needs, the visitor's experience, the hosting environment, the domain setup, and the site functionality all at once.

That balance is what makes this project meaningful in my portfolio. It shows that I can work across the full lifecycle of a digital product: planning it, building it, debugging it, and launching it in a way that supports real users.