Hosting a Static Website for a company Landing Page Using HTTPS and HTTP in Azure and Azure DNS Zone Record

Introduction

In today’s digital-first business environment, a company’s online presence is often the first point of contact with potential customers. A fast, secure, and reliable landing page is crucial for lead generation, brand credibility, and customer engagement.

Microsoft Azure provides a scalable, cost-effective, and secure way to host a static website (such as a company landing page) with both HTTP and HTTPS support, ensuring accessibility and security for all visitors. By leveraging Azure Storage, Azure CDN, and Azure DNS, businesses can deploy a high-performance website with minimal infrastructure management.

This solution is particularly beneficial for:

• Startups & SMEs needing a professional online presence without heavy IT overhead
• Marketing teams requiring fast-loading landing pages for campaigns
• Global businesses needing reliable uptime and low-latency access worldwide

How This Solution Solves Business Problems

1. Ensures Security & Trust with HTTPS

Problem: Unsecured (HTTP-only) websites deter visitors due to browser warnings, hurting conversions.

Solution: Azure CDN provides free SSL certificates (via Azure-managed TLS), ensuring all traffic is encrypted.

Business Impact: Improved customer trust, better SEO rankings (Google favors HTTPS), and compliance with security standards.

1. Improves Performance & Global Reach

Problem: Slow-loading websites lead to high bounce rates (~53% of mobile users abandon sites taking >3s to load).

Solution: Azure CDN caches content at edge locations worldwide, reducing latency.

Business Impact: Faster page loads = higher engagement, lower bounce rates, and better conversion rates.

1. Reduces Costs & Simplifies Maintenance

Problem: Traditional web hosting (VMs, shared hosting) can be expensive and require ongoing maintenance.

Solution: Azure Static Websites use pay-as-you-go storage & CDN pricing, eliminating server management.

Business Impact: Lower operational costs, no need for dedicated IT staff, and automatic scaling.

1. Enhances Reliability & Uptime

Problem: Downtime due to server failures or traffic spikes can damage reputation.

Solution: Azure Storage + CDN ensures 99.9% uptime SLA with built-in redundancy.

Business Impact: No lost leads due to website outages, ensuring 24/7 availability.

1. Streamlines Domain Management

Problem: Managing DNS records across different providers can be complex.

Solution: Azure DNS provides seamless integration, allowing easy CNAME and A record configurations.

Business Impact: Faster domain setup, simplified maintenance, and better control over routing.

I'll guide you through hosting a static company landing page in Azure with both HTTP and HTTPS support, using Azure Storage for hosting and Azure DNS for domain management.

Step-by-Step Implementation

1. Create a User: Creating a User is a good practice.
2. Navigate to Entra ID
3. Click on add User and click User
4. Create the Username
5. Create a password for the User

6. Then click create.

7. Give the User a contributor role under subscription level

8. On your Azure portal, click on subscriptions

9. Click on Access control (I AM)

10. Click on add User, and click add role

• Click on privileged admin role
• Click on contributor role

• Click next
• Enable the Assign Access to User, Group, or Service
• Choose the User you want to assign permissions to
• Click next

• Click on review+create

• Login as the new User

1. Create a Storage Account in the New User Account
2. On the Azure portal, click on Storage Account
3. Click on create
4. Choose the resources group you want the storage account to be under or create a new one
5. Name the Storage Account
6. Choose region
7. Leave the performance at standard

• Click next
• Under networking, enable the public access from all networks
• Under encryption, enable Microsoft-Managed Key (MMK)
• Click review+create
• Click create

4. Enable the Storage Account as Static Website

• Navigate to the Storage Account you just created
• Click on Data Management drop down by your left
• Click on Static Website, then enable it
• You will get automatic primary endpoint, secondary endpoint, index document name, and error document path

• Save

1. *Download a Free CSS template related to the business the company is into *
2. Go to your browser, search for free CSS template and download it

3. After downloading it, unzip it

4. *Upload the Free CSS files to the Storage Account *

5. Navigate to the Storage Account

6. Click on Storage browser

7. Click on blob containers

• Click on $web
• Click on upload
• Browse or drag all the Free CSS files and past it

1. Create Azure Front door Azure Front door is like a passage that will lead us to the Storage Account
2. Search front door on your Azure portal
3. Click on it
4. Click on create

• Click on Azure Front door and quick create
• Click continue

• Select your resource group
• Name the Front door

• Leave it at standard
• Name your endpoint
• Select Storage Static Website under origin time
• Select the origin host name ( which is your storage account)
• Enable caching ( by so doing, you have enabled the CDN (Content Delivering Network) )
• Select use Query String as your query string caching behavior

• Click review+create
• Click create

1. Configure the endpoint
2. Navigate to the Front door you just created
3. Click on settings
4. Click on Front door manager
5. Copy the endpoint URL

• Paste it on a browser and see your website

1. *Let's configure our Azure Domain *
2. Navigate to the Front door you created
3. Click on settings
4. Click on domain
5. Click on add

• If you have already created a DNS Zone in Azure, just select Azure Managed DNS (recommended). But if you already mapped your domain on any domain hosting like namecheap, please select "all other DNS services", then put your domain name you bought from the domain hosting site

• Select TLs 1.2 in minimum TLs version section

10*. Go to Your Front door CDN and associate it.*

• Go to your front door
• Click settings>> domain
• Click on the three dots on your domain and select associate
• Paste your endpoint URL on select endpoint section ( the endpoint you got when you created your front door)
• Click on default route on the select route
• Then click on associated

You will get a dashboard like this

N.B: What this associated means is that when people click on your domain, it will take them to your website.

1. For those who mapped their domain on other domain hosting site like namecheap, you need to validate your domain you associated
2. Still on the front door page, after associate, click on pending

• Copy the record name
• Go to your namecheap
• Click on add new record
• Click on TXT record
• Paste the record name you copied on the name space ( remove your domain name at the end of that record name you copied)
• Go back to your validate page on your front door and copy the record value
• Go back to your namecheap and paste the value on the namecheap value section
• Then click on the green mark

• Go back to your validate page and refresh it

1. Create a Cname/alias
2. Go to your namecheap
3. Click on add new record
4. Click on Alias record
5. Copy your endpoint you created in Azure in your front door page
6. Paste it at target, in your namecheap
7. Then click on the green mark

Conclusion

By hosting your company’s landing page on Azure with HTTPS support, you gain:

• Enhanced security (TLS encryption, no browser warnings)
• Faster load times (global CDN caching)
• Lower costs (no server management, pay-per-use pricing)
• High reliability (99.9% uptime SLA)
• Simplified domain management (Azure DNS integration)

This solution is ideal for businesses looking to establish credibility, improve user experience, and maximize conversions without the complexity of traditional hosting.