Tag Archive: Design


I consider weeks 6 and 7 contiguous with the website creation process. Being in the web development track is more challenging. Not only does your website has to have the design aspect (maybe not as much as a design track website) but also the development requirements have to be met.

I separated out the 2 weeks simply by putting design and content in week 6 and the development part in week 7.  This does not mean there won’t be tweaks, but a big chunk of it would be complete. This way, my process would be easier to work with. Week 6 was demanding – I had content but my template had to be worked on sufficient enough to get the child pages ready for content. There are essentially three main parameters to the corporate website design characteristic in the template.

  • One is the logo & the navigation bar.
  • Second is my right column which marks the important links for potential and existing clients who have visited the page in the past.
  • Third is a separate social media bar where Raltec Corp (the company name for which the website is being designed) is connected and wants to connect with different individuals/organizations virtually.

Week 7 would get the development side of the website in check. I have also been checking my website on different browsers and seeing some subtle differences.

http://browsershots.org/
http://www.browsercam.com/, or
http://browserlab.adobe.com which lets you see your website as viewed in many different web browsers.

It also helps to test your website on different computers. It definitely looks different on different monitor resolutions. For accessibility testing, Adam mentioned about Dreamweaver’s Link Checker, Browser Compatibility Check, and Validation features (all three can be opened from the Window menu) can help.

Advertisements

I am referring to the Web development process, very often referred to as the six-stage process:

We learned this as a part of John Horn’s “Starting and Running a Successful Website” course and it makes it easier to break down this HUGE task of creating a website so easy.

  • Assessment (preliminary questionnaire, competitor analysis)
  • Analysis and Planning (site goals, target audience, roles and scope)
  • Design (Main template, content, site map)
  • Production (drafts with page look and feel and functional aspects)
  • Testing and Publish (functional, usability testing, etc)
  • Maintenance (SEO, visitor tracking, analytics, etc.)

I am in the process of reading Web ReDesign 2.0: Workflow that Works (http://www.web-redesign.com/) and it too does a great job to explain this.

The other links I found on these are:

http://www.quantumcloud.com/web-design-process.php
http://www.jjg.net/elements/pdf/elements.pdf
http://www.webdesignfromscratch.com/design-process/web-design-process/