My Web Design and Development Process

2005 was a significant year for me. It was the launch of my career as a web designer.

I am recognized as a professional digital illustrator, mascot designer and logo designer during this time, having multiple local and foreign clients under my belt.

I entered the field because most of my client wanted to hire me for web design and development. The transition wasn’t hard because it’s something I studied in college.

From 2005 up to the present, I’m proud to say I have satisfied my clients website wants and needs.

Each of my work is unique and relevant to their niche. Whether it’s a personal or a business website, it’s important to reflect their brand and help them build an identity.

My satisfaction, and that of my clients, don’t come easy. Like all worthy things, I put great effort into every part of my process.

Take a look at my routine as a web designer and let me share the six steps I follow that has worked for me in exceeding my clients’ expectations.

 

Step 1: Introduction and Discovery

Consider this the getting-to-know-you stage. During this phase, the client will brief me with required details. This is also the stage where I find out what the site is for.

This is the most important phase because it determines the plans for the next steps. In fact, everything discussed here is being noted.

 

Step 2: Planning

Next step is to set up a wireframe. It’s the skeleton of the final output, the visual style will be taken cared of later.

For now, the goal is to be clear about the arrangement of components on the page. This is also when I think of different ways to achieve my clients wants and needs so there could be over one wireframe for each project.

 

Step 3: Visual Design

As soon as the client approves the wireframe, it’s time for my creative juices to flow. The overall visual design, comes with a lot of thinking and isn’t a mere shot in the dark.

I don’t settle on a specific design just because it looks good. Think about it, would a dark-looking web design be appropriate for a site made for children? Chances are you’ll agree with me when I say no.

The brand of the business then defines the design choices. My job is to come up with something one-of-kind without exceeding the limits. It isn’t just for consistency but also a message, it’s an extension of the brand itself.

The first stage of revision is welcome as early as this stage.

 

Step 4: Web Development

After completing the visual design of the site, I now pass the torch to my partner who’ll take care of the entire web development phase.

We make sure the codes are easy to understand by clients, and one way to do this is by adding comments. The notes are an explanation of what a set of codes do on a page.

Sample:
.page-wrap { background: white; }
footer { background: black; }
/*page background color is white and footer background is black*/

The first thing my partner does is code the front end, HTML5 and CSS3. Every line is written carefully to make the next steps easier for us. Then, we convert it to CMS so non-techy people can edit the web content.

Most of the websites we make are based on wordpress. However, it can also be on shopify or even custom.

Before we launch the website, we test both the front and back end to make sure it will run smoothly on phones, computers, and all internet browsers including Chrome, Firefox, IE, Edge, Opera and Safari.

 

Step 5: Feedback and Finalization

Now that all’s done, we move on to soft launch the website. During this phase only me and the client can see the site.

If our client asks for a revision this is when we take care of them. Once he’s satisfied with our work, we will prepare the website for the official launch.

 

Step 6: Source Files, Launch, and Maintenance

Now we will hand over the final version of the design and the backup of the website.

Even after giving the source files, we keep our own copy just in case our client loses his. Clients can retrieve the files by contacting us through our email.

The launch of the website for public viewing is next.

The design phase is just as important as maintaining the site and we know our responsibility doesn’t end with the launch. We maintain the website for one month with no charges to make sure it is protected.

Maintaining a site includes checking for updates of browsers, plugins and CMS. The point in doing so is to make sure that the website works well.

There’s always a chance that your online competitor would go to unthinkable measures to eliminate you from the scene.
Here are things that your competitors/hackers can do on your website if it doesn’t go under maintenance:

  • Install malware, add bugs, virus and errors
  • Make your site offline
  • Send spam to your customers
  • Steal credit card information from site visitors
  • Redirect visitors to malicious sites.
  • Install backdoor to secretly enter your website
  • SQL injection to insert malicious code to your database
  • Lock down your website’s files and directory
  • Pull down your website’s google ranking

If maintenance is neglected, there’s a great chance that the problem would spread like wildfire. This would mean higher cost for the client over time.

The worst case scenario is, the need to reconstruct the website from scratch.
An extensive maintenance plan is necessary to avoid all these.

We can also test the website’s overall health through various online tools this neutralizes threats and ensure that the website runs in optimal performance.

So, that’s my complete web design and development process. I know my clients would agree when I say it is a good system.

Check out the websites we have designed and developed for our clients here.

My works and I have been featured on

Brands I've worked with along the way