Tag Archive: Web Design


I have finally finished my Capstone Project and consequently the Emory Web Development Certificate program – we got the grades a month back  ( and the certificate too!) – great job Pooja!  I was also personally satisfied with my process and the research I did which I would not have if it was just a professional job. Sometimes we miss the how’s and why’s that get involved as a learning process – after all this is not just a job, I now understand why it has become a passion for some people. The grades confirmed that my efforts were not in vain 😀
I launched Raltec Corp’s official website at http://www.ralteccorp.com/ I also incorporated an SEO/SEM strategy for Raltec Corp website and am working on seeing progress by the day.
As Norman Lear quotes,

Life is made up of small pleasures.
Happiness is made up of those tiny successes.

My blog restarts my journey in process documentation of the virtual world once again. This time the structure is no certificate program but more of my self-taught/already self-learned endeavors of seeking knowledge of the web world. I hope to have a method to the madness as I had in the ten week Capstone project. It may not be as structured but it does hope to be more info and process friendly.

I am hoping to cover topics like SEO/SEM, CMS, web development, web design, DBMS, latest industry trends, blogs, and other related ideas/articles/seminars.  I hope the Emory faculty incorporate some of these topics in their certificate program.

Wish me good luck .   🙂

Advertisements

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.

It is week 6 crunch time and all the knowledge we soaked in all those classes is coming to good use. That and more. I’m finding myself putting in a lot of effort in researching things I see in websites, the cool stuff – now it makes more sense to me rather than being just overwhelmed with it.

It is a wonderful feeling to see your baby grow…lol. It started with a lifeless yet brilliant one page flat design which eventually turned into a template. Now the template is getting the third dimension through links, dynamic pages and more.  You have been seeing less posts and more of me commenting about my work as this is kind of it. We’ve done the research and we’ve done all the preparation for helping us to get to the design stage. I now understand how much goes into the actual website – even simple things need to be thought of in detail. Each part you design is seen by the audience. Nothing can be left unfinished or unthought of (for the purpose of this first draft stage).

It’s been a long silence on my side, I apologize. We’re halfway down Project Capstone (50% of 10 weeks done) and now it’s crunch time!

I anticipated this taking a lot of hard work, but I guess I was mistaken when I thought it would take this long. I worked hard on the wireframe and the main composite of the design. A design background helps you there. I was happy to have the design ready by last weekend….piece of cake!

Now the fun begins! How does this “design” translate into HTML –  that’s still doable.
How does this translate into CSS?

Quoting Adam after bugging him with my in-progress templates:

Alignment w/ CSS is definitely one of the more challenging things with layout out a page.

So true. My tryst with CSS has not been the greatest experience but after a string of online tutorials and trial-&-error testing helped. Long hours trying to work with different properties and values do get the results you want eventually but I’m still searching for an effective way to resolve the CSS issue. There has to be an easy way…….

On a positive side, I am learning and discovering how presentation in CSS makes a whole lot of difference.

This week we looked at analyzing Keywords – below are the links for keyword research tools

Free: https://adwords.google.com/select/KeywordToolExternal (very useful)
Free: http://tools.seobook.com/keyword-tools/seobook/index.php
Free: http://www.digitalpoint.com/tools/suggestion/
Paid Service: http://www.keyworddiscovery.com/

The challenge was the placement of your keywords in your text content. A fine line between whether you’ve used too many/very little of your keywords. The title tag is your heading provides the additional extra benefit for your keywords from search engine optimization.

Text content: Very relevant, yet cumbersome to gather and even more tough to get those keywords you shortlisted into it.

Her are some fun links I encountered on my adventure of writing my text content:

http://www.clickz.com/3623058

http://www.whydev.com/blog/how-write-good-web-content – This one was very relevant as it talked a little about content, keeping a company website in mind.

It is also important to know how a user read on the web platform, hence the below links:

http://www.useit.com/alertbox/9710a.html

http://www.sensible.com/chapter.html

http://websitetext.com/

Generating the text content is slowing putting the pieces of the puzzle together. I have already started designing my template and it now makes sense to sit down and composite the collage – you now have the text, you’ve gather a range of images (you may/may not use) and you have the functional requirement document in front of you. This should be easy, right?  :)

The challenge now lies in design. I have an art background, but my goal is not to have the best looking site here. These are baby steps for me and my objective is to gather my knowledge and make this a workable website – using my web development knowledge and skills. Not that the beautifying does not matter, functional and presentable are the words I am looking for, for the first take. I’m sure I’m going to be tweaking this even after Capstone is done!!!

Hop, skip, …………. JUMP onto Template-Design !!!!!

A great Memorial Day weekend spent with family…now back to bloggin…. and of course working on Week 3! I won’t say I did not do any part of the homework but some of the external information architecture links posted by Adam were indeed thought provoking. I would like to share my thoughts (while lazing in the sun next to a pool!!!) on these:

  • http://www.boxesandarrows.com/view/site_diagrams_mapping_an_information_space
    Wow! I thought site diagrams were going to be a piece of cake!!! Well, now that I am back on ground (was flying high thinking I could easily ace these site diagrams) I am not so sure 😦 I learned a lot from the article and intend to use some concepts in my homework for Week 3. The diagrammatic approach is very important in Information architecture , the information has to be concise and precise.
  • http://evolt.org/article/Web_Site_Architecture_101/4090/635/index.html
    A simplistic approach to help you understand how effective navigation can help a website. I think this comes as a boon to web designers like me who waste a little too much time into details that do not matter 🙂 What matters is getting relevant information in the quickest time to the user, Having 20,000 pages is not the solution! The “Aside:” comments and the scheme diagram is useful to understand the navigation concept and laying out your web-pages.
  • http://www.digital-web.com/articles/ia_as_an_extension_of_web_design/
    I like how Joshua (the author) likes to integrate the two aspects: Information architecture and Web Design. It’s hard to see these two getting married, often people tend to side one over the other but both in their own way play a key role. I think it is interesting to understand how both can work their way into the common Wed tasks as he described: Navigation, Layout and Code. I also like the idea about not having boundaries and keeping both roles open to experiment. That way, we don’t have preferences and that will surely expedite the web development process.

Hello World!

Hello world! I liked the way WordPress used this 🙂
I am using this ephemeral “so often used statement” to make my grand entry to the virtual web world.
I am Pooja and I am one of the millions who has opened “yet another blog” and yes, this one has a purpose.
I am taking up a challenge (something I’ve procrastinated over for years!!) to create (guess what??)….
……………………. A WEBSITE!!!!
Yes, the uppercase says it all!
The website creation is essentially a part of the Emory Capstone project, a project (rather website) you create from A to Z after taking the courses leading to your Web Development. Adam is my instructor for this project
But why a BLOG?
The blog will help me document my virtual roller coaster adventure along the way. I want to document my findings (articles, blogs, etc), successes and challenges (I refuse to call those failures) in this ten week period.
More importantly the blog will help me keep a check on “the method to my madness”. I am interested in looking back at the whole process that made my website happen. I would also encourage my friends, teachers, colleagues and the other crazy people who know me to contribute and make this ride more memorable. It is your experiences, knowledge-sharing and encouraging comments that is the objective of the blog.