Week 31 – Building a Website From Start to Finish & Designing for Performance

1. Write a detailed brief for your website.
2. Create a wireframe according to the brief.
3. Draw some sketches to plan your design.
4. Build a working websites according to these specs.

It’s important for me to see that you can follow through on the entire process – from the brief to the completed website. Please explain why you make certain decisions. How do these decisions fit in with the business strategy?

Upload your brief, wireframe, sketches and link to your website to your WordPress blog. There’s quite a lot to do for this assignment, so it’s advisable to keep your website simple.

---

Surf the web and find 5 examples of websites that have been coded and designed for performance.

Websites designed for performance:

1. Unsplash https://unsplash.com
2. Brand love score http://www.brandlovescore.com/blackfriday2017/#bf
3. ID Digital Agency https://www.iddigital.com.au
4. Anna Eshwood https://www.iddigital.com.au
5. Montluc https://montluc.com

Advertisement

Week 30 – Coming Up With a Strategy

1. Set up a meeting with a business owner and ask him/her what he/she would want from a website. Also ask him/her what the business strategy is and how the website would fit into it.
2. Then write a detailed document about this.
3. I would like you to use the information from this document and create a website architecture.
4. Now let’s focus on the web design strategy. Your document should justify all the major decisions you make – from the domain registration, hosting, design and target audience through to what you decide in terms of programming.

Project Description – Project Exam 2 – 4th Semester

Week 29 – Creating a Brief

I want you to take on a client. I then need you to have a meeting with your client and create a very detailed brief. This brief should contain all the information that will be needed to achieve the client’s requirements.

What is the client’s service/product?
Fotograf Christian Blom AS is a company which offer photography services for both private ( portrait photography, family, new born, weddings) clients and companies (employees portraits, school photography, commercials, product photography, events).

What are their requirements?
general presentation of all available services. Divide the company into three main departments: private clients, companies, school photography. 

Week 28 – Applying philosophy to design

• Design an A4 poster for a humanitarian cause you feel passionate about. For example, creating awareness and a call for action against human trafficking. You must apply pastiche to your design. Use a style of propaganda used during the Modernism era and create your own, unique design in a contemporary context.
• Start by creating at least 5 thumbnails for your design. These thumbnails should be handed in with your assignment.
• Write a rationale or explanation for your poster of at least 350 words. Why it is necessary to create awareness of the humanitarian cause?
• Give an explanation for your creative execution, mention the use of colour and graphics as well as typography.
• Give examples of the designs you used as inspiration and why it is applicable to your design.

Hand in your designs as PDF documents. You may use any medium for this. Hand in PDFs of your rationale and thumbnails as well.

I choose to make a poster about Cervical cancer. It is important to spread awareness about it. In many countries mandatory check to women are too seldom. Women do not think about it, as cancer gives no symptoms. They don’t check themselves because they don’t think about it, they don’t have time or they are just uncomfortable. It is a pity, as many young women and girls can have it.   Cervical cancer is the fourth most common cancer in women, and the seventh overall, with an estimated 528,000 new cases in 2012. It is estimated that 4,210 deaths from the disease will occur this year.

Week 27 – Research on Late Modernism

Consider what we have discussed regarding Late Modernism in the USA and The Swiss International Style. Do additional research on the Swiss International Style – it may be a good idea to study some of the known designers of this style and period. As a guide, visit designishistory.com, which gives a brief outline of specific designers and styles – take note that here the Swiss International Style is listed under 1940, which is not incorrect as the style was developed in the late 40s, but flourished in the 50s. Also use additional reference sources of your own and do a write-up of the following:

• Research on the Swiss International Style
• Influences on Swiss International Style
• Analysis of the Swiss International Style

Swiss International Style also known as International Typographic Style, was a graphic design style with roots in Russia, Germany and Netherlands in the 1920s. It was developed in Switzerland in late 40s, with its best years in 50s.  Led by designers Josef Müller-Brockmann at the Zurich School of Arts and Krafts and Armin Hofmann at the Basel School of Design. Clean, simple and objective design, without any unnecessary decorative elements, and flush left, ragged right text – were main characteristics of this style. All designs were based on grid, what helps to keep them clean and interesting at the same time. Different combinations, diagonal and asymmetrical grids, made the viewer interested. Use of white space was also important to maintenance cleanness. Text was written in sans-serif fonts, this is when Akzidenz Grotesk, Univers and Neue Haas Grotesk (Helvetica) were created. Another important element of Swiss International Style was use of photography. Often black and white, or red and white photos were main elements of the design. Their role was to illustrate a problem objectively, that is why photography worked much better than any illustration. Strong feature of this style was bold use of color. Often colors from opposite site of the color wheel, which usually would not be use together. Colors that overlap each other, creating new colors. Designers were not afraid to use colors in order to create very interesting work. Designers role were not to be artist, but rather objective messenger who deliver the important information to the society. The best medium to deliver the informations were posters.

Week 24 – Creating an Animation in After Effects

• Work through my sunrise example step-by-step. Upload your version of this project to your WordPress blog. Please note, you will make a better impression if you make this animation your own. Don’t be scared to take things a little further and experiment.
• Now you need to come up with a unique animation concept of your own. Create a storyboard for this concept. (Make sure that your idea is not too complicated, but don’t limit yourself by making it overly simple.) Scan your sketches in and upload it to your WordPress blog.
• The next step is to create the file and folder structure. Please take a screenshot of your folder structure and hand it in along with your project.
• Create your animation in After Effects. Upload your project file and your rendered animation to your WordPress blog.

Here is my animation.

 

Week 23 – Applying Basic Animation Principles

Create a character. This character can be a letter, a person, an animal or any type of illustration, use your imagination. This character will play the main role in your animation.

Take this character and draw it in five different exaggerated poses. In each of these poses the character has to express some kind of emotion (like love, anger, dislike, distaste, happiness and so on). Keep the animation principles in mind when you draw your character.

Week 22 – Visualise Your Ideas

I would like you to create a mood board and storyboard using a word and its meaning as the concept.  For example, you could use the word “prop”. You could then use the “r” to prop up the “p” that keeps falling over. That’s just to give you an idea, be creative and use a word and concept of your own.

Storyboard of the word “wave”

Week 21 – Playing With Ideas

If the idea is at the heart of everything, then I would like you to think of a movie that you love. Then look at its current title sequence and come up with a new one.

Sketch up the rough idea in the form of a storyboard. Your storyboard needs to be at 30 frames and should be for at least 1minute of motion design

Please scan and upload this activity to your WordPress blog.

---

Below you will find Opening of Alice in Wonderland.

 

Week 19 – Planning a Fashion Shoot

Question 1    

• In your own words, describe the procedure of planning a fashion shoot. You don’t need to go into too much detail, a short outline will do.
  once you know the concept, you should find a location, model, stylist and a makeup artist. You should also make a mood boards, storyboard and a shotlist.
• What are the stylist’s duties?
  To make sure that the model looks good and have all needed accessories.
• List your duties as photographer
  make a shotlist, get all necessary equipment and permissions. Create good work atmosphere.
• What equipment would you take along on the Alice in Wonderland shoot that was featured in this module?
• Find an editorial fashion spread in a fashion magazine. Explain what you think the concept was, what equipment they used and how the location affected the concept. Scan or photograph the shoot and hand it in along with your answer.

Question 2   

Watch the tutorial on Lynda.com: Douglas Kirkland on Photography: Editorial Assignment

• Plan a Snow White themed fashion shoot.
• Create a mood board for hair, make-up and fashion.
• Create a storyboard
• Create a shot list
• Create a timeline for the shoot day