Get the Basics Right

Part one

  • Explain the following terms in your own words: 
    – The Internet 
    – HTML 
    – Browser 
    – Search engine

Answer:

The internet : Internet is a network of computers that can communicate with each other.

HTML : Hypertext Markup Language is the language that is used for creating and building webpages.

Browser : Browser is a program or software that is used to browse the web or view information on a website. The browser has the ability to open and view files.

Search Engines : Search engines is a tool to find the information you are looking for be using keywords or short descriptions.

  • Please research and add another 10 questions to the briefing process.(See the lesson.)

Original 10 questions from the lesson

1. What kind of visitors are you expecting on your website? (Consider their income, interests, gender and age.)

2. Who are your competitors and how do you differ from them?

3. What actions do you want visitors to take on the site?

4. What is your deadline for completing the site? How big is the budget?

5. What features should be used on your website? (This includes things like contact forms, pictures, videos, etc.)

6. Please list the names of three sites that you like and explain what you like about them.

7. Do you have any colour preferences? What should the look and feel for the website be?

8. Who will be the contact person for this project?

9. What do you NOT want on your site in terms of text, content, colour and graphic elements?

10. Who will be responsible for maintaining the website? Will the person have the time and skills to do so?

Answer:

My 10 questions :

  1. Which features would you like to highlight?

2. Do you have an existing design or style?

3. Do you have a domain name?

4. What is the purpose of the website?

5. What goals do you want your website to achieve?

6. How many pages will the website have?

7. Will video or audio be a part of the website?

8. Do you require online chat feature?

9. Do you need a content management system?

10. Do you need multi- language support?

  • From this list of 20 questions (your 10 added to my 10), please create the ultimate list of 10 questions that you would use for clients.

Answer

1. What kind of visitors are you expecting on your website? (Consider their income, interests, gender and age.)
2. Who are your competitors and how do you differ from them?
3. What actions do you want visitors to take on the site?
4. What is your deadline for completing the site? How big is the budget?
5. What features should be used on your website? (This includes things like contact forms, pictures, videos, etc.)
6. Who will be the contact person for this project?
7. Who will be responsible for maintaining the website? Will the person have the time and skills to do so?  
8. Do you have an existing design or style?
9. What goals do you want your website to achieve?
10. How many pages will the website have?

Part two

Surf the web and find 10 sites you would consider to be great websites. Simultaneously, make a list of 10 sites you consider bad web sites. Remember to describe why you would define them as such. Upload your lists on your blog.

Answer:

Good:

  1. spotify.design

Spotify is known for accomplishing its fair share of amazing features, and its latest iteration of Spotify.Design is no different. Bright colors, drop shadows, and smooth animations give this website character and depth. The flat geometric designs with abstract accents make albums and artists practically jump off of the screen.

2. waaarhol.com

Andy Warhol style website. As you peruse the page, your cursor becomes a spotlight that converts every image you hover over into a negative image or inverses the colors of the text you’re reading. The big, bold text makes a statement and emphasizes just how important copy is to website design. Subtle animations help pace the site and set the tone for each section as you peruse the home page.

3. newestamericans.com

The website is both visually appealing and functional with a simple navigation menu, stories organized by photos, and a clean press page that puts the most recent articles front and center.

4. swabtheworld.com

Parallax, bold colors, and negative space shape the design and experience of Swab the world´s website. From a technical perspective, the design makes moving down the page feel natural, ensuring the readers reach each point of copy and every CTA on the homepage.                          

5. nomadictribe.com

The text throughout the website is playful, with colorful pinks and oranges and yellows, and the homepage is logically designed, with CTAs placed throughout that range in commitment-level from “Read More” to “Watch Now” and, finally, “Download the App”. Ultimately, the website is beautifully designed with strong attention to detail, and tells a compelling story throughout.

6. franshalsmuseum.nl

The website uses a combination of digital design elements and its own exhibits. This mixture helps visitors understand what they’ll see, when they can see it, and where else they can get a taste of what this museum has to offer.

7. overflow.io

Along with vibrant red call-to-action buttons for downloading the tool, this website promotes its product the best way it knows how — using a flow diagram. The website delivers this flow diagram in the form of a video. While embedded videos can look rather clunky sitting in the middle of a website’s other design elements, Overflow’s is perfectly placed and exactly what you’d want to see when landing on the site for the first time.

8. nowness.com

The website is a blog for businesses in video format. Sometimes it is easier to show than to tell.

9. teachersguild.org

The website balances diverse content types – programs, solutions, approaches, and collaborations – without overwhelming visitors. Not only are the background visuals prominently placed, but they also use white space to emphasize the written calls to action at the center.

10. protest.eu

This website uses a collage of styles to design a homepage that changes as often as its customer’s styles do.

Bad:

  1. rudgwicksteamshow.co.uk

Very busy home page and difficult navigation system that does not provide any helpful information.

2. patimex.com

Difficult to find out what the web page is about. There is no content on the landing page.

3. jamilin.com

Everything is crammed together and diffecult to navigate.

4. Gatesnfences.com

This website has scattered bad quality images together with a large amount of text.

5. arngren.net

The landing page is difficult to look through because it is packed. The rest of the website is difficult to navigate.

6. pnwx.com

Bad coloring makes it difficult to read. You really have to try hard to understand what the website is about.

7. irishwrecksonline.net

The color and the layout in the landing page are terrible. Makes you loose interest for the rest of the web site.

8. lingscars.com

The landing page is a big mess and the whole web site is difficult to understand what they want.

9. thebavarianbrauhaus.com

The text and the images do not combine together with the web site and therefor makes it difficult to understand. The selection of fonts and colors makes it almost impossible to read.

10. mrbottles.com

There is too much text on the landing page and everything from text to images is poorly organized. The images and text could have been subcategorized. The font used for the menu bar looks inappropriate and the drop-down menu blends in the background. This is a renowned website among bottle collectors but ironically. The images of bottles that are displayed on the website are of poor quality.

%d bloggers like this: