The video provides a comprehensive, step-by-step walkthrough of a website build process, showcasing practical skills and tools used in web development. The creator's clear explanation, visual demonstrations, and a direct call to action at the end likely resonated with viewers interested in web design services.
Summary
The creator details the process of building a website for a sports agency, from initial client meetings and design to content upload, coding, and final checks. The video highlights the use of various tools and platforms like WordPress, Google Drive, WPForms, and SEO plugins to ensure a functional, responsive, and optimized website.
Structure
1Initial client meeting and requirements gathering
2Website setup and content migration
3Design and development phase
4Content upload and technical implementation
5Functionality and responsiveness testing
6SEO optimization and analytics setup
Original caption
How I built a sports agency website for @divinesportsent_ #buildawebsite #websitedesigner #webdesign #fyp #webdeveloper
More from @harryfronttoback
More breakout videos from this creator.
7Client training and website launch
Product placement
FrontToBack Development (ACTS - builds websites, offers web design services, provides client help videos; removing it would change what happens in the video), Wix (APPEARS - website was originally designed on Wix; removing it would not change what happens in the video), WordPress (ACTS - website is built on WordPress, used for building and customizing the website; removing it would change what happens in the video), Google Drive (ACTS - used to store and organize client content like images and videos; removing it would change what happens in the video), WPForms (ACTS - plugin used to create contact forms on the website; removing it would change what happens in the video), WP Mail SMTP (ACTS - plugin used to optimize email delivery for the website; removing it would change what happens in the video), reCAPTCHA (ACTS - used to protect the website from spam and bots; removing it would change what happens in the video), Yoast SEO (ACTS - plugin used for on-page SEO optimization; removing it would change what happens in the video), Google Site Kit (ACTS - plugin used to track website traffic and performance; removing it would change what happens in the video), Google Search Console (ACTS - used to monitor website ranking and performance on Google; removing it would change what happens in the video), Loom (ACTS - used to record client help videos; removing it would change what happens in the video)
Call to action
If you need a website like this comment "READY" and I'll send you the next steps.
On-screen text
FrontToBack
DEVELOPMENT
HOW I BUILT A
A SPORTS AGENCY
WEBSITES
built a
sports
based
in
turned
this
this, let
how I built
FIRS
with,
meeting.
with
Michael
America.
American
nowadays.
how
upgraded
website
things
design
functionality.
SET
time
website.
designed
So I
their
hosting
to
build
WordPress.
case
the
where
client
loads
of
content,
images,
videos,
text.
allows
design
to its
maximum potential.
Then
setting
site
the
and
icon.
Now
DESIGN
process.
DESIGN
the
typography,
the
colors,
and
the
basic
design
of
all
of
the
pages
of
the
website.
Now
CONT
CONTENT
So I had
images,
videos,
Google
it to
website.
FUNCTIONALITY
using
custom
through,
page
and
sure
and
working
correctly.
pages,
make
buttons,
the
links,
the
forms,
the
images
are
all
working
and
functioning
correctly.
RESP
people
website
mobile
RESPONSIVENESS
responsive
tablet,
and
laptops.
and
great
devices.
EMA
EMAIL
contact
the
contact
form
on
the
contact
page.
be
perfect
to
allow
the
client
to
get
more
leads,
more
inquiries.
WPForms
set
optimize
WP Mail SMTP
doesn't
spam.
reCAPTCHA
sure
getting
robot
AI
leads.
CHECK
MEETI
and I
client
hel
the
client
make
website.
this
Loom
know
update
SE
SEO
website,
Yoast SEO
the
of
website.
I also
Google Site Kit
we
and you can
website
Google.
CLIENT
and I
client
help
the
client
make
website.
this
Loom
know
update
Then
goes
live.
super
upgrade
website
new
insane
working
loads
the
it's going to
leads
traffic.
and
Divine Sports and
Entertainment.
website like this
COMMENT "READY"
Transcript
I just built a website for NFL Sports Agency based all the way in New York and I turned their website from this to this. Let me show you exactly how I built it. So start off with as always I have meeting. I met up with Ryan and Michael all the way from America. I'm getting loads of American clients nowadays. Yeah, so we discussed how we want the website to be upgraded from the old website and certain things they wanted to add to the website in terms of the design and the functionality. After the meeting, it was time to set up the website. They're current website was designed on Wix. So I had to transfer the domain and hosting from Wix to another hosting provider which was me to build the website on WordPress. There was then a case for me setting up the Google Drive where the client added all their content. This client had loads of content, loads of images, loads of videos, loads of text. So that was great and now allows me to really fully design the website to his maximum potential. Then it was just the case of me setting up the WordPress site identity things like the logo, site name and the fav. Now it's time to fully get into it. I start the design process. So I'm just designing the website, designing the typography, the colors and the basic design for all of the pages of the website. Now it's the long part. Like I said, this client has so much content so I had to upload all their images, all their videos, everything they added to Google Drive, added it to the website. Now it's a technical part. using WordPress, you don't usually have to add some custom code, but for this website, in order to get some custom code, but for this website, in order to get some custom HTML code. So I just went through added it on a certain page and made sure the website was working and functioning correctly. I just go through all the pages, make sure the buttons, the links, the forms, the images are all working and functioning correctly. Most people go on a website through mobile devices. So the website has to be responsive on phone, tablet and laptop. So I just go through the pages and make sure the website looks great on all different devices. The main content action on this website is the contact form on the contact page. This needs to be perfect to allow the client to get more leads, more inquiries. So I go through and install the WP form plugin, set that up, I optimize it with WP mail STP to make sure the website doesn't get lost in spam and also add recapture to make sure the website isn't getting spam with loads of robot and AI contact leads. Then I'm with Ryan and Mike again, we had a meeting just to go over some of the revisions that they had. This looks like a lot, but it wasn't actually too much. It was just little things in terms of moving this in here changing this video just little tweaks here. So as always I use my AI AI to take down all the notes to make sure I have every single detailed revision. I just go through the website and do all those revisions. Now it's time for a search engine optimization. I just go through the website, go through the pages and I use the SEO plugin to optimize the on page SEO of the website. I also install Google site kit to make sure we can measure the traffic and you can see how well the website is already performing and I go through and integrate the website of Google Search console as well to make sure it ranks on Google. Next, I go and I record a client help video to show client how to make changes to the website. So I just recall this using loom and they can watch this video and know how to manage and update their website. Then the website goes live. This website I'm super proud of it. The upgrade from the old website to this new website is insane and it's already working and getting loads of compliments for the client and hopefully it's going to get them more and more leads with more and more traffic. Check out this website and shout out divine sports and entertainment. If you need a website like this, comment "READY" and I'll send you the next steps.
