Web Design versus Web Development

What is the difference between web design and web application development?  Because there is a lot of overlap, particularly on the front end of websites, I’ll cover platforms, programming languages, how WordPress fits in, and my personal preferences and recommendations on what to use where.

  1. Front End-Design and Usability typically achieved with combinations of CSS and JavaScript.
  2. Markup and Coding-Programming Language designed to perform specific operations and functions and HTML.
  3. Backend
    • Backend Commonality-Database, Server (Hardware), and WebServer (Apache Software)
    • Backend Divergence-Functionality

Let’s analyze WordPress.  WordPress is a content management system.  While it was once more an application for Web Design, it now can function as a web application with extensive support for eCommerce functionality, membership sites, and more.  WordPress runs on the PHP programming language so anyone with PHP skills can create plugins that expand the core functionality of WordPress.  The main purpose of WordPress is to organize and deliver content.

Web Development is a general term that can widely encompass all aspects of building web sites but web developers commonly exclude the design elements of the sites (CSS and JavaScript) from this definition.  Web Application Development is the process of building an application from scratch to accomplish a specific purpose.  Some examples of web applications are Twitter.com and Basecamphq.com created with Ruby on Rails or Yipit.com created with Python.

If you want to build a website for your business, you can’t find a better combination of power, cost effectiveness, and usability than WordPress.  If you need unique functionality such as collecting, analyzing, and processing large amounts of external content or you are a cater to high end clientele (photographer) where it is customary to have a custom website, then you will need to consider a web application development language like Ruby on Rails (RoR).  However custom RoR sites typically start at $5000 and that is if you can find a developer who will work with you.  RoR is so efficient at creating powerful web application frameworks in days or weeks that RoR developers are either using their skills to try and build the next big start-up or are working at a tech company for six figures.

I have a couple months experience coding with Ruby on Rails.  I chose it over other programming languages because of the relative simplicity versus other languages like Python.  If you have heard of the Lean Startup methodology and building a minimum viable product, RoR is a great way to develop a web application from scratch.

8 Responses to “Web Design versus Web Development”

  1. Greg@Anik Singal November 7, 2011 at 8:59 PM #

    Now I know the difference between web design and web development. For me, I really like to view it as a web development because it sounds progressive rather than design which is just one time.

  2. Ricci Sionil November 10, 2011 at 1:14 AM #

    Both of web design and development are very important in anybody’s website or blog..thanks for the enlightenment…cheers..

  3. Sandy November 11, 2011 at 2:49 PM #

    Hi Zach,many Thanks for sharing. I learn so much in last Weeks. Well, i`m a new Blogger and thankful for all Tips about Blogging, SEO, WordPress Plugin, FB and Twitter for Business.Your Post its so interesting for me and i`m glad to found this Site.Best Wishes from Germany :-)

    • Zachary Smith November 13, 2011 at 7:59 PM #

      Hi Sandy,

      I’m glad you liked my site. I have some video tutorials at http://www.leveragewp.com that will walk you through setting up a WordPress theme. If you have any specific questions, let me know and I’ll try to point you in the right direction.

      Zach

  4. vanz November 15, 2011 at 3:22 AM #

    Hi Zach,I have been hunting for someone to blog this kind of topic a very long time. For sure there are also people who didn’t know the difference between them too. I had been  enlightened after reading you article. Thanks. :D

  5. julie@uk best probiotic capsules November 29, 2011 at 4:24 PM #

    great blog…i must confess i didn`t know the difference between web design and web application
    development?  you`ve made things a lot clearer for me…thanks

  6. julie@ecuador art December 1, 2011 at 9:27 AM #

    great blog…have just seen your video tutorials, thanks for the great advice, i have more confidence in setting up my WordPress theme now, thankyou so much

  7. Julie December 10, 2011 at 6:42 PM #

    Great Blog! You’re video tutorials have been a god send to me. I’m new to WordPress so your help has been invaluable!

Leave a Reply