Web Design

We know how to get behind the scenes and build you a great website by hand.

Web Design

Understanding What Goes Into Making a Website

At SlyFox we do what other agencies won’t. We tell you exactly how we will go about building your site, and try to include you as much as possible. On this page we outline every piece of the puzzle we will put together to make your site come alive.

Our team of expert writers, graphic designers, marketers, photographers, search engine specialists, programmers, and strategists, will make sure we are creating a site that will not only look and sound great, but perform to achieve your goals.

Written Content

Deliverable:

A detailed text document for each page of the website with organized headers and paragraphs.

SlyFox Recommended Process:

A shared Google Document between the Client and Slyfox

This task should never be underestimated. The written content on a site is a huge part of what makes it unique. Determining the ideal page title to use is a great first step. What does this website communicate, and just as importantly, what kind of communication style are we to use?

  • Read More

    In most multi-page websites, the best approach to structuring our content is to have a goal for each page. This ensures that we are properly focusing our efforts on a specific task which we will be able to track the effectiveness of.

    For example, our SlyFox site is broken down strategically to attain our goals. We have a home page to introduce our brand and summarize the content you can find on our site. We have an About Us page to impress on our audience the passion we feel for entrepreneurship and pursuing dreams. We have our four core service pages (Advertising, Graphic Design, Startups, and Web Design) to pursue new relationships with customers in each of those areas.

Site Map and Strategy

Deliverable:

A completed spreadsheet which details the page titles in proper hierarchy.

SlyFox Recommended Process:

A shared Google Spreadsheet between the Client and SlyFox.

This step goes hand in hand with our Written Content strategy detail above. Only now, we are taking those page titles and organizing them into the structure of website to define how visitors can navigate through it. It is here where the content is prioritized and mapped so that the site will make sense for visitors.

Image of Site Map

Photography

Deliverable:

Large, high resolution, legal-to-use, .jpgs

SlyFox Recommended Process:

Utilize a photographer, photos you already have, and stock images sources. DO NOT purchase any stock photography until it can be put into the site to make sure it looks right. Just send the link or watermarked version.

Photography Example

Every great website needs great graphics. Before entering the official design stage, this is one of our opportunities to help improve what our designer has to work with. Using great photography can cut down significantly on the need for more expensive custom-designed elements. SlyFox has a great in-house photographer as well as knowledge on where to search for rare and unique images for sale or free.

Design

Deliverable - Stage One:

.PSD wireframes detailing the main elements of the page represented by polygonal shapes and callouts.

Deliverable - Stage Two:

PSD document detailing exactly what the site looks like with all written copy and graphics included.

Communication Graphic

Communication:

Defining Your Goals

This is where things really start to get exciting. We will now hand all of our careful planning over to the artists to make our communications come to life! This stage takes our written content, ideas, and careful planning and adds another key element: Visual Delivery! The importance of this visual delivery cannot be overstated. No one wants to feel like they are reading a book. There are quite a large group of people out there who won’t read any of the site aside from the headlines and callouts.

Bold visuals, to compliment organized titles and callouts, when executed properly will make sure that even if people don’t read one word of the body text, will still understand the basics of what we are telling them and have an opportunity to complete the site’s goal.

Strategy Graphic

Strategy:

Planning the Route

Effective design is all about communicating with the viewer. That’s why we take our time at the start of any project to meet with our clients and define their goals, values, and motivations. It all starts with a conversation.

1) Kickstart Meeting: Our team goes off and conducts initial research into your unique needs. A mood board (or inspiration board) is then created to serve as the first visual starting point to progress our conversations forward.

2) Research & Mood Board: An hour long meeting to give our design team the opportunity to discuss your goals and find out what kind of design solutions would be the best place to start.

3) Initial Home Page Wireframes: These serve as the broad layout of your website and allow us to lay the right foundation early on, giving you an idea of how the website will function.

4) Home Page Mock Up: We create a mock up of the home page (often just using placeholder text and images) to begin defining the look and feel for the website.

We repeat these steps until everyone is happy before moving on!

Launch Graphic

Development:

Launching Your Project

Strategy starts with research and exploration. We never create just one option, or just a single solution. We collaborate with you and chart the best path to success. This keeps the project focused, the message clear, and the cost affordable.

5) Site Map: The Site Map is a flow chart of sorts that shows how all the pages of the site link together.

6) Interior Wire Frames: Once the Site Map and Home Page have been completed we create the wire frames for each interior page.

7) Interior Page Mock Ups: Like the Home Page, we create a mock up of each unique page on your site.

8) Final Polish: Final graphics and copy are created to bring the website to fruition.

We repeat these steps until everyone is happy before moving on!

META Data

Deliverable:

A spreadsheet listing every page and image on the site with corresponding columns for META Title, META Description, and Alt Text (for images).

SlyFox Recommended Process

A shared Google Sheet between the client and SlyFox.

This process is where we communicate to search engines the content of your site. Google, Bing, Yahoo, and other search engines will provide results based on these descriptions. In most cases, when your content appears as a search result, it will display exactly what we write here. It is critical that the writing not only communicate the right message to the person searching, but also to the robot controlling the search.

Meta data graphic

Programming

Web Programming graphic

This is where we hand things over to our skilled programming team. Using a combination of industry-standard programing components like HTML, CSS, Javascript, and PHP, our programmers transmute the design team’s vision into an actual functioning website. We favor open source Content Management Systems in order to give our clients the most flexibility and user-friendly experience. This includes the ability to easily manage a blog or news page, or access custom functionality like a booking calendar or e-commerce solution.

It’s important to understand that even visually flawless websites can have serious problems “under the hood”. Poor coding practices can lead to slow page load times, weak search engine results, and problems displaying on different screen sizes and browsers.

Our programmers use HTML5 best practices to optimize our websites for speed, cross-browser consistency, and search engine visibility. All of our websites use "responsive" design, which means pages will dynamically adjust themselves to display beautifully on any screen, ranging from mobile phones, to tablets, to desktop displays.

Google Analytics and Conversion Tracking

Analytics Image

The great part about advertising online is that everything is trackable. We nearly always recommend linking your website to Google Analytics with goal tracking conversion. This way, we can tell exactly how your customers are ending up on your site, what they are looking at, and, most importantly, which keywords are often triggering sales or other conversion goals. This information is the most valuable data we can hope for when it comes to refining search metrics, increasing conversions, and reducing cost.

A Cooperative Effort

We know that many business and especially startups need to keep costs at a minimum. That is the very reason we have adopted such transparency in our process. To help lower costs there are several ways that we can cooperate to get your site looking its best.

We are more than willing to walk you through what needs to be done as well as provide working documents to help you focus. We are willing to do as much or as little work to accomplish what makes sense for our customers.

Ready to get started?

Contact Us