WEB DESIGN PROCESS

Visual Lure approaches every website differently, as we believe every site should be unique and customized to the particular needs and goals of our clients. Our basic web design process is broken down below into our core design and development phases to show how we work with our clients to ensure their satisfaction.

St. Louis web design process

Setting Website Goals

Establishing Goals

The first thing weโ€™ll do is work with you to establish goals for your website and help you define your target audience. Some of the pertinent questions at this stage include:

  • What are the main objectives of the site?
  • Are you trying to inform and educate, sell a product or service, fundraise or generate and capture leads?
  • What is your competition doing?
  • What makes you, your products or your services different or better than the competition, โ€“ and what is the best way to communicate your success?

After we gain a better understanding of what you would like to accomplish, weโ€™ll then work with you to determine how we can best meet those goals.

Site map development & planning

Sitemap Development & Planning

Google, and other search engines, LOVE a well organized website. And so does EVERYONE else. It is a critical component in delivering a good user-experience (UX).

During the sitemap development and planning stage, we work with you to determine what pages will be included on your website and then organize them in the best, most logical way possible. A question we always ask at this stage is โ€œWhere do we want to guide users, and how do we get them there the easiest way possible?โ€ A great rule of thumb to follow is that a user should be able to access any page of a site with only a couple clicks.

Keyword research & planning

Keyword Research & Planning

Not only does Visual Lure specialize in customย web design and development, but we are also search engine optimization (SEO) experts. Having a website that no one can find is useless. By using proper white hat techniques, SEO can help drive traffic to your site.

At this stage, we first determine what your potential users or customers are searching for. We then do keyword research to build a comprehensive list of your main targeted search terms. From there, we determine which pages will be optimized for what terms. Additional content may need to be created, and the sitemap will be adjusted accordingly.

Web Design Wireframes

Wireframes

For more complex websites, we design wireframes for the intricate parts of the site, especially sites that have complex forms and back-end functionality. Wireframes are simple line drawings of the layout of a web page. The benefit of doing this is being able to visually see the page structure before building out the actual site. Making changes at this stage is simpler and less time-consuming. For simple informational websites, we sometimes skip this stage.

website content creation

Content (Copy/Text & Imagery) Creation

Sometimes our clients provide us with all the website content. Other times, we help develop it for them.

CLIENT PROVIDED CONTENT

When clients are writing all the content, we require them to provide a Word (or basic text) file for every page of the website. Each file should contain all the copy for that page, along with any functionality notes, detailing whether the page does anything special, if there is a call to action or a submission form, etc.

VISUAL LURE DEVELOPED CONTENT

When Visual Lure develops all the content, we always set up a meeting with our head web designer/strategist and our copywriter. We go over the entire site, formulate a sitemap and conduct interviews in order to develop the messaging and content. Copy is provided to the client for review and massaged, if necessary.

IMAGERY

In addition to the copy, each page may feature graphics or photos. If the client is providing images, we ask that each file be named according to the web page theyโ€™ll be included on and the order they will be featured (for example, โ€œabout page image 1โ€ or โ€œabout page Image 2โ€ and so on). If stock imagery is being used, detailed notes about what type of images youโ€™d like to use is required. A number of stock photos and custom illustrations are included in our web design packages, and our professional illustrators and photography partners are also available.

Establish web design aesthetic

Establish Aesthetic

Now to the fun stage. What will the site look like? Do you already have an existing brand aesthetic? If not, we find it helpful when our clients spend some time finding other websites they find visually appealing. We wonโ€™t copy the websites you like; they simply provide us with a better idea of the aesthetic youโ€™re drawn to. Once we have a good sense of what you like, we come up with original designs tailored just for you.

Your budget will determine the number of initial design options you will get to choose from. We typically provide two homepage design options. Based on the chosen design, we then design all the other unique template pages and mobile comps. At this stage, a couple of rounds of revisions are included.

Design approval, Beta site staging & content population

Design Approval, Beta Site Staging & Content Population

Once all the designs are approved, we convert them into a fully functioning website that sits on a staging server, hidden from search engines. We then populate the site with all your content and provide you access for review. Any revisions and tweaks are made until the site is ready for launch.

Right before final launch, we test all the forms and functionality on all major browsers and from desktop, tablet and mobile devices (both in landscape and portrait orientation) to make sure everything looks and functions properly.

301 Redirects

301 Redirects

If the website is a redesign, we make sure all the old pages redirect to the proper new ones. If this isnโ€™t done properly, visitors can try and visit old pages that no longer exist, and get “page not found” errors. Not only is this a usability/UX issue, but your site can plummet from search results as 301โ€™s do pass on existing ranking power. This stage is not necessary for completely new websites.

web design launch

Website Launch

5, 4, 3, 2, 1 โ€ฆ blast off! Your site is live. Once this happens, we go through the entire site, every page, to make sure nothing went wrong from the beta stage to going live. Once again, we test all the forms and functionality on all major browsers and from all different devices.

Google Analytics & Search Console Setup

Google Analytics & Search Console Setup

Directly after launch, we set the website up with Google Analytics and Googleโ€™s Search Console (previously Webmaster Tools). These free services help us, and you, monitor and generate reports on the websiteโ€™s traffic and provide diagnostics on the health of your site. During this stage, we also submit an XML site map to Google to help improve potential search rankings.

Monitoring, Maintenance & ongoing SEO

Monitoring, Maintenance & Ongoing SEO

We do offer annual maintenance and ongoing SEO plans post-launch. Even though website maintenance training is included with all our sites, many of our clients prefer that we do all the ongoing SEO, monitoring and maintenance for them. These plans are customizable and can include the following options:

  • We make sure the website is running the latest version of the content management system or platform being utilized, and we keep all plugins up to date. These are extremely important for the security of a site.
  • We monitor the security of the site, and if hacked, we run diagnostics and clean everything up.
  • We handle all hosting upgrades.
  • We make any improvements or repairs based on the data collected from Google Analytics and Google Search Console.
  • We provide ongoing SEO services to ensure long-term search engine ranking results.

 

website design processRequest a FREE Web Design Consultation ยป


Learn more about our St. Louis Web Design Services ยป