Web Development Wizard: Building Your Dream Website

What role does a web developer play in my website?


A web developer is responsible for programming the code that tells websites and web applications how to operate. They program technical instructions dictating functionality. A developer may design or create content, but their main role is to build and maintain websites.

There are three types of web developers, each type has a slightly different area of expertise. 

  • Front-end developers deal with the parts of the website you see as visitors or users, also called the client side of development.
  • Back-end developers who work more behind-the-scenes systems and structures. They also tend to work more on mobile applications. 
  • Full-stack developers who can code both front-end and back-end formats.

A web developer’s day-to-day life is constantly different. They must collaborate with other team members, solve problems, adapt, and review, which is what our Full-stack Developer, Daniel Dunevant, does here at VIA Marketing. With his expertise, we make clients’ ideas and well-thought-out user experiences come to life with a well-functioning and efficiently running website. 

Daniel stated, “A website is essential for businesses because it helps consumers understand your story and mission. Make an impact on potential customers with a great first impression.”

Daniel does this by:

  • Translating wireframe designs into working code.
  • Creating the architecture and content of a site.
  • Building functionality and responsiveness.
  • Taking care to make sure the site downloads fast.
  • Making sure ADA compliance strategies are in place.
  • Strategizing keywords and meta tags for good SEO.
  • Placing a site live and testing it in the various browsers.
  • Updating and renovating sites.
  • Troubleshooting, fixing bugs, and glitches.

We decided to gain more insight by asking Daniel a few questions.

How long does a web development project take to complete from start to finish?

 That’s like asking me how long it takes to build a barn! It depends on how many features are implemented and the design’s complexity. A relatively simple site, though, could be turned around in about 20 hours if I have all the content ready.

Can I edit my website without consulting you?

It depends on your site’s content management system (CMS). We give our clients a login so they can edit content. We meet with them and provide a tutorial on how it works. Some clients prefer to just let us do it, and others want more control. Most page content is editable on our websites.

What was your favorite project, and how did you approach it?

One of my favorite projects was putting together Nardo Builders’ website. The design was challenging to implement. The features are dynamic, valuable, and appealing to viewers. 

When approaching any project, I start with understanding the problem, then I can proceed to address it. Nardo wanted to have easier access to adding photos while keeping them neat and organized. I had to modify our CMS in order to simplify the management of uploading photos. After a few updates, I achieved this new feature. I love a challenge and the reward you feel after accomplishing something.

What is the most significant difference between developing for Desktop and Mobile?

For desktops, multiple columns, left-aligned text, and navigation span the page’s width. Mobile, however, mostly has single columns and centered text with hidden navigation until the user clicks to show it. There are always apparent exceptions when it comes to mobile setups. I go back and forth from desktop to mobile views to ensure everything looks and runs smoothly. Over 55% of website traffic comes from mobile devices. 92.3% of internet users use a mobile phone, showing the importance of making your website mobile-friendly.

Do you use a template to create your websites?

I prefer to create my websites from scratch, but if you insist, you can work on a variety of canned platforms like WordPress, Squarespace, etc. Sometimes, I use a website we have previously created as a framework for a new one. This allows for a more efficient construction process but still gives you a smartly tailored site that fits your needs.

What If I need a new or updated website for my company?

We’d set a time to hear what you like and what you don’t like about your current website. The next step is submitting it for design. After you approve the design, I go to work. Making your vision come to life technologically takes time, effort, and maybe a little magic. You will see a test link before anyone else sees those pages. We will go through a revision stage before going live and training you on how to make updates. 

Here at VIA, our goal is to create a website you will love, and your customers can easily find and navigate. Contact us today so we can help you be proud of your website.

VIA Idea #25: Responsive Web Design

Let me introduce you to Responsive Web Design. It’s relatively new on the scene and is so practical that you will love it and embrace it easily. Responsive Web Design is crafted to provide a fluid layout that resizes across multiple viewing devices and screen sizes (from desktop computer monitors to mobile phones). We build and maintain one single website, where previously you needed a separate mobile website.

Answering to the Popularity of Tablets and Mobile

Mashable is calling 2013 the year of Responsive Web Design because the mobile market is growing so fast. The global sale of tablets is expected to exceed 100 million this year. The shift to smartphones and mobile usage is happening at an extraordinary rate of speed. Even though the debate about web or app continues, we think a small business can’t possibly keep up with the diversity of mobile devices on the market today or the amount of app stores to contend with. With Responsive Web Design, you can make sure your website works easily on all devices.

How it Works

Flexible images and fluid grids re-size themselves to fit the screen. Examples are seasonslandscapeinc.com (VIA developed), xpointchurch.org (VIA developed), sony.com, and disney.com. If you view these websites on a desktop browser, try making your browser window smaller. The images and content column will shrink, and then the sidebar will disappear altogether.

The fluid grid concept calls for page element sizing to be in relative units like percentages or EMs, rather than absolute units like pixels or points. Flexible images are also sized in relative units (up to 100 percent). Designers love pixels. Photoshop loves pixels. But a pixel can be one dot on one device and eight dots on another.

So how do you approach Responsive Web Design if everything is pixel-based? You stop using pixel-based layouts and start using percentages or the EM for sizing. You turn everything into relative sizes. We will also include dynamic functionality with JavaScript and HTML5 to give you performance. We can also program device-specific functionality and features where they fit.

The latest research from Google tells us that “90 percent of people move between devices to accomplish a goal, whether that’s on smartphones, PCs, tablets, or TV.” The three most common ways users move between devices are:

  1. To search again on the second device
  2. To directly navigate to the destination site
  3. Via email, that is, to send themselves a link to revisit later.

 

Reduces Future Maintenance

Responsive Web Design allows future updates to be made in one place at one time. That saves you time and money each time a revision is needed.

The Benefits are Obvious

Build your website once, and it works seamlessly across today’s multi-screen world. Contact us today to discuss how you can move to Responsive Web Design in 2013.

Call us at 219-769-2299, email, or go to viamarketing.net.