LA – Design Different Looks


Copy the exact content from a homepage of a website of your choice. Now redesign this homepage in three different ways. Each design should evoke a different emotional response from viewers. You can choose what you would like these emotional responses to be.

Please upload this activity to your WordPress blog along with a short report where you explain the look and intent of each of the three designs.


I chose the website of Just Eat. This is what their webpage looks like:

original website_just eat



I first recreated the design of the original, to have something to create other versions of:




Then I created a masculine version, for the determined and hungry. Intended result is increased efficiency, by boosting the customers feeling of determination and strength:





This is the feminime version of the page, intended for reaction of relaxation and to provide a scent of elegancy:website_03_redesigning_feminime



For the eyes who love contrast and colours. The low opacity orange complements the red colour of the company logo as do the red boxes:




LA – Get the basics right

Part one

  1. Explain the following terms in your own words:
    • The Internet
    • HTML
    • Browser
    • Search engine
  2. Please research and add another 10 questions to the briefing process.(See the lesson.)
  3. 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.
  4. Please upload this activity to your WordPress blog.


The Internet

The Internet is a universe of entertainment and education. It’s a “invisible” yet well used and common place where you can access any information and send it as well. To connect with the internet, we are reliant on cables and wires, that is; if you’re using a computer. To connect to the internet through a cellular device, we are dependent on satelites. Each phone has a transmitting tower, and the sending and recieving of information happens through digital radio waves. The internet can be thought of as a program available to most people. When you start it up, you have the same opportunities as all other internet users (with exception of countries with limited access for political control). You can communicate with people all over the world, pay your bills, watch cute cat videos, learn how to speak spanish, listen to music…. It’s also a place where people are extremely rude because they can hide their true nature behind an anonymous identity.


Hyper Text Markup Language is the standard markup language used to create websites and web applications. You decide the structure of your website using html tags. Web browsers are built for understanding these tags, and they translate the tags into content. For instance, instead of seeing <h1> This is a header. </h1>, you would see something like this:

This is a header.


Sort of already explained this in HTML. The browser is the most important software on your computer as it allows you to visit and understand web pages, which would be impossible without. You could say that if html is the coffee beans then the browser is your grinder. It’s a necessary part of understanding, translating, digesting information written in html. Well, to most people. Some people read html like you and I read english.

Search engine

A search engine is a program which sorts the search results for you by going after tags and relevance. Sometimes companies pay money to appear in the top of the search results, in such cases marked as ads, to draw more customers and to spread knowledge of their existance. There are different kinds of search engines, and you have to find the one most suitable for your user experience. For instance, google chrome saves your previous searches in order to expand the relevancy for your future searches. This is possible to change of course, if you’re not into companies saving information about you and your online activity. Though it must be said that all information that travels on the web is never truly lost or invisible. Everything you do online can be traced and all information can be found.


Add another 10 questions to the briefing process

  1. What kind of visitors are you expecting on your website?
  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?
  11. What sensation do you want the website to create for the user? (excitement, relaxation?)
  12. Where is the website going? Will it expand and change appearance in the future? Where will you be in 5-10 years?
  13. What are the potential barriers/challenges to the success of the product/content?
  14. What are the 3 most important goals of the webpage?
  15. Why was the company/product/idea created?
  16. Typography? Which fonts should be used?
  17. What subjects are important for the eventual menu of the web page?
  18. Should there be a favicon (a website/url-icon)?
  19. Describe the purpose of your webpage/product/brand in 1-3 sentences that capture the essence of it.
  20. Should there be a lot of space between different elements? Should the oversight be accomplished by contrast or big pockets of air?

Ultimate list of 10 questions

  1. What is the deadline for completing the web page? What is the budget?
  2. What features should be used on your website? (This includes things like contact forms, pictures, videos, etc.)
  3. Describe the purpose of your webpage/product/brand in 1-3 sentences that capture the essence of it.
  4. What subjects are important for the eventual menu of the web page? Submenus?
  5. Typography and colour use. Which fonts should be used and what colours do you like?
  6. What sensation do you want the website to create for the user? (excitement, relaxation?)
  7. What is the target group? (what kind of visitors are you expecting)
  8. Who are your competitors and how do you differ from them?
  9. Who will be the contact person for the project?
  10. Who will be responsible for maintaining the website? Will the person have the time and skills to do so?



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.


10 Great websites:
Incredibly beautiful, functional, and easy navigational web page.
Beautiful, functional and easy to navigate.
Easy to navigate, functional and alright in appearance.
Easy to navigate, functional and okay visually.
Easily understood, easy on the eye, navigation good.
Well presented.
Good content, easy enough to navigate.
Good content, good menu solving.
Beautiful, well presented.

It’s a tigh between


Jango could be placed at bad websites as well, as they have the occasional interrupting commercial and because the page isn’t beautiful. Because of it’s incredible consept, though, it is placed as good, and also because the page is not directly ugly.

Jango is better in the way that you can rate the song it plays when it’s on radio mode, and if there is a song you don’t like it will never play it again. If it’s a song you like it garantees to play it again. just plays the shit they think is similar to the artist that you searched for, and you have to press next and they still might play a song that is almost identical or by the same artist as the one you didn’t like. This is on random/similar artists mode. has a beautiful web page, but I’d like to change the functions. Jango has the right functions, but I’d like to change it’s appearance.


10 bad websites:
I think every header is different, and sometimes you can’t tell the difference between a link to another webpage and a header that belongs to the page. It’s a messy site.
Oh my god. It hurts my eyes. The menu, the background, the content…. It’s incredibly BAD! The logos are in horrible resolutions,the page is messy, the colour choice is disgusting and overwhelming. This kind of a page was okay in the 90’s. 27 years later it’s just unforgivable.
The bottom contact information bar could match the menu bar and the rest of the content in width, but instead it breaks style completely and lies on the bottom like the nasty visual surprise that it is. The menu is a complete mess, there is WAY to many options in the submenu. It’s not easy to navigate here, but very easy to get lost.
It looks like a bad travelling agency webpage. It’s unsyncronized, bad layout of content.
Not really that bad, but not at all good. I miss smooth transitions, everything comes off as rather flat and the way of marking different sections lacks creativity and it looks like it was done with very little effort. Bad colour choices.
Messy header and content.
Messy. Why on earth is all the content there in a messy pile on the front page when you have all the subjects in the header? This could have been done in a MUCH cleaner way, and they could tempt people to click into the subject they were interested on the front page, instead of being overwhelmed by all the information everywhere. Repetitive and unnecessary.
Very listy.. Is it just me or are all the subjects crammed in a tight little list?
Too much going on in the header. I like some things about this page, such as the syncronized placement of images, they carry out a nice balance.
A boring mess to the eye.
Things are too close together. The header image should be in a larger scale and more centered.