Applying for jobs

Publish a résumé and covering email as if you were applying to work at a real company.

Justyna Stachon
Open application

I have a great involvement in social media, design and have gained insight into you ,as a company, that relies heavily on this. I have sales background, graphic design and social media – therefore I want to send you an open application.

I´m currently completing my two-year degree in graphic design at Noroff, where I got a good academic expertise in marketing, design and customer relations. During my studies I gained experience within marketing, design and how to talk with customers. While working on my final exam I had to find a client to develop a project with. The task was to make a new graphic profile for a photographer.

Being able to work with a client developed my further knowledge about being motivating and learning, and I think I have the skills and motivation for their task.

My former colleagues and employers would describe me as responsible, work structured and is a good partner to work with.

I look forward to hearing from you.
With best regards, Justyna Stachon.

Providing your own hosting service

This learning activity is to acquire your own hosting service. This hosting service will be needed throughout the rest of your studies.

The hosting service I chose to have for this website is by buying the domain at the Domene.shop and uploading the website through Cyberduck. I tried buying the domain through One.com, as it was recommended by the teachers online, but I found it difficult to buy on the site, and it cost a lot. I went back to what the teacher at campus Stavanger recommended, and it was domene.shop. I found it easier to navigate and upload.

The domain I choose for the site I been working on for the mandatory assignment is https://graphicdesignhistory.eu/

Building a website from start to finish

  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 website 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?
I had a little bit of experience with web design and making a website from scratch, but I don´t feel like I have much experience with it. Because of the project we already have I don’t think I have time to make another website from scratch. In this post I´m going to show a website I done in GRA1. This is a working website but is not online, so there will be some screenshots from it.

The brief for this project was to create an information campaign/ awareness campaign around the theme Digital Detox, where the focus is on mobile use in today´s society. The theme that I have chosen is to create a campaign about cyberbullying, where the focus is to make young people aware that they are not alone when it comes to cyberbullying. The target audience for the campaign is young people from 14 to 18 years. I want the campaign to encourage young people to contact them and talk about what is going on online rather than keeping everything to themselves. It can be harmful to their health if you keep it for yourself what is happening on social media or other platforms online.

The colours used on the website are taken from text messages that are on iPhone, especially the grey colour and the green colour. The colours give relevance to what one sees on a phone almost daily and draws attention. The text massage design sown on the website holds the most important message in relation to the website. The website is divided using white background so that it doesn’t appear boring having text after another. Also, some graphic elements are used to display the information beneath the text. The green colour is very important in this campaign since it shows that one should contact the campaign for help, and therefore it is shown again on the website and on the menu button “contact”. It is also a call to action colour.

When I was working first with this project the website was based on the poster as it was going to be the marketing point for the website. I wanted both the poster and website to have relevance. Here are some screenshots and wireframe:

Designing for performance

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

  • Facbook
  • Amazon
  • Netflix
  • Youtube
  • Uber

Coming up with a strategy

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.

I have chosen to continue working with the last customer from last learning activity.

She is starting up as a freelance photographer and needs a simple yet having as much information on the website as possible. She wants to present so much of her works as she can and give out as much information a potential customer will need. She is interested in more than one field of photography such as portrait photos, wedding photos and product photo. On the website each of these categories needs to be separate to show how different they are and how she portrays each of them. To showcase that she not only works with photography, another category needs to be made on the website.

As she has so many things to work with her target audience may vary. Primary target audience may be young people from around 20 and up. As she is a wedding photographer the married couples can come in different ages, because of that the website needs to be easy to navigate so each and different age can navigate around the site.  The website is the most important part of presenting the service and products she has, but it´s equally important to promote itself by making the site know to the target audience. There Facebook, Instagram, Twitter and other social media will be a great help.

I would like you to use the information from this document and create a website architecture.

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.

The design a bit chosen according to the customers, but also following the wishes from the photographer as mentioned in the last post. The website should be easy to read, easy navigation, a bit stylish design and full-size images. The background should be neutral, such as white, or if it´s colourful pictures it can be changed up to be the same as the background in the photo. The photos should be the main focus on the website, so they should be displayed loud and proud. Since the website needs to be updated as often as possible with new photos and designs she has made, my suggestion would be for the owner to build their website through another website builder such as WordPress or other recommended website builder, so it would be easy for her to do it herself. As she is just starting up and may not have the time or have her own web designer to publish the content for her, she has to have other alternatives.

For domain names, I would recommend her to choose a name that is easy to remember and that is related to the content on her page. Something like her name and photography behind it, or last name and design behind. To reach out to the potential clients and target audience to promote her work, the domain for the website should end with .com.

For hosting I think the easiest way would be to use Domeneshop and buy her own domain. I experienced it cost less than some other hosting pages. If she is using a website builder like WordPress, she doesn’t need to worry so much about hosting her own website as its already been taken care of by the website.  

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.Your brief should cover these sections:

What is the client’s service/product?
The client is a freelance photographer, about to start up her own business.

What are their requirements?
The site should be easy to navigate, easy to find her portfolio and work that already been done with other clients. The site should make the photographer look professional.

What is the website’s goal?
To reach a bigger group of clients and provide information on products and services. To really showcase the photographer contact info and competence.

How are you going to achieve this goal?
By creating a website that is simple. Not too much going on, just neat and nice design that fits the large target group. The target group that the photographer is trying to reach are private people wanting to take pictures of their wedding or family, but also companies that needs products photo.

Build the website architecture:
HOME
   –
ABOUT
             – About the photographer
             – Her education
   –
PHOTOGRAPHS
             – Product photo
             – Wedding photo
             – Portrait photo

   –
GRAPHIC DESIGN WORK
             – Web design
             – Packaging design

   –
CONTRACT
             – Social media
             – Contact form

What is the design style that will be required?
A more modern style. Very simple with options that take you directly to where you want to be on the website.

What are your suggestions for marketing the site?
For marketing the website channels like social media, Facebook, Instagram, Twitter etc., can be used to promote the website and photographer. Another can be brochures, flyers, advertisements, articles and publicity. It’s important to have a few relevant keywords so the page can get relevant hits, like on Google.



Analysing the use of design fundamentals

What fundamentals are used successfully? Describe in detail what you think is the most successful aspect of the illustration.
The weight of the picture may feel unbalanced but balanced at the same time. As the body is coming from the right side, the composition is still well executed where the face is in the middle and the waves of the hair on the left balanced out the neck on the right side. Everything is not centered but the weight is equal on both sides, so the picture is balanced.

What style from the past is being used in a new way in this illustration? If no previous style is clearly apparent, does it use some form of pastiche? Why do you think this specific style or pastiche was used?
The style used in this picture are a modern form of pop art. The pop art style came from 1940 – 1950, the same year as Marilyn Monroe career was it´s it highest. Her photograph is used here and with a more modern form of pop art edited on. As well as the artist Andy Warhol used the same picture to create his own version using pop art style and is considered one of his most famous works. I can think this is the same reason for using this image and style in a more modern way, to renew an old photo.

Read again what Mondrian said about the expression of beauty or self. Which do you think played the dominant role in the execution of this illustration?
I think in this picture beauty had more expression than the actual message. Because the picture is so defused with dots, and a picture of a well know actor is used, doesn’t really send a message on it´s own. Maybe this was just a recreation of another know picture but in artist own way, of just kind of to show off what there is possible to do with the picture.

  • If you had to create this illustration, before starting the actual execution, what would your initial thoughts be on:
    – Colour (what would your approach to colour be?)
    – Line (what would you like to portray with the use of line?)
    – Composition (what would you wish to instil in the viewer by the use of composition alone?)
    When it comes to colour I think I would choose the ones that are similar to what Andy Warhol used to have a more resemblance. As this a very know picture, it should resemble a bit of the original one. On the original one colour pink and yellow are mostly used. As there can be more combinations made, I think pink and yellow would be worth a try to mix. Yellow and pink are on the opposite sides on the colour wheel, so you would have some of the more cold and warm tones in the picture. Another thing I would like to change is the contrast of Marilyn herself, so more details and shadows would appear. She kinds of disappears behind the dots.

    In this picture a dot line is used, but with a help of an effect. Th effect used on the photo is called a raster effect. This is something I would have chosen also to use. In terms of composition I have had more air around Marilyn. Everything feels so cramped and close, there is no room to breathe. The composition is to close cut to her hair and body. I think her shoulders and neck could be shown more, and more air around her head at the top.

Applying philosophy to design

Design a book cover for a thriller book called “The Fall of Imagination” by Sam Wan. This book does not exist and is open to your interpretation as to the subject matter.

Here is my take on designing the book cover. The design is inspired by the swiss style.  

Focusing on design with a conscience

Analyse his poster for the 2008 U.S. Presidential Election and give your opinion on the use of style and its efficacy. Also critique the use of pastiche and typography

This poster is easily recognizable and has a great stopping effect. Designer Frank Shepard has used a photograph of Barack Obama as the basis for creating this poster. The poster is made in several versions where the text is different, there is for example “hope”, “change” and “progress”, but the “hope” poster was created first and known first. The poster was not really a part of Obama´s election campaign material, but soon became the most widely used and know poster because of its effect.

The poster uses the colours of the American flag, only in other shades. The white has turned yellowish and the blue being not too dark. This gives associations all the way back to the propaganda posters that came with Soviet in the 1920s. There are also associations with Bauhaus and De Stilj. Simple shades, few colours and capital letters in a sans serif font. The typography gives away the message in the poster that is kept simple.  The logo of Obama´s election campaign is also used in the poster as an emblem on his jacket. The logo may look like it was inspired by the same style with simple shapes. There can also be seen the stripes of the American flag.

Focusing on pioneering designers

Objective observation
What is your opinion on the use of the computer combined with different media?

In today´s industry is hard to get away from using a computer as it sometimes can define and perfect the design like a human hand can´t do. Back in the time artist and designers spend much of the time developing pictures, while now it is so easy just to upload it to the computer and edit the pictures in different programs. A lot of the expenses related to developing pictures, or film material have gone down, while the hours in front of a computer have gone up. This applies to illustrators, photographers and designers. The programs available today have made it easier to create new designs and develop new ideas never done before. It also made it easier to combine different designs like illustration with photography.

It´s important to preserve the history of how designs were made before and be able to pass it along to the next generation. Sometimes the computer can also limit our creativity, and it’s easier to get a design sketch up on a piece of paper. The best combination is between the traditional and modern, computer and a piece of paper. When you are still in the design process the ideas can come through much better when you are only working with pen and paper, you got nothing else distracting you. In some programs you got so many options that it gets too much, keep it simple with a simple sketch and see where it brings you. We can´t deny the fact that the world is not stopping in development and so is the design industry. I think if you want to come though you need to keep up with the demand. But maybe in the end nothing beats paper. Some artwork comes though better on paper with different textures and more depth, than a design on a computer can show.

Pushing technology and changing philosophy 
The relationship between image and text.

In the interview Marian mentions that writing is often expected to be the focus then it comes to her design. As it seems she isn’t influenced by that when she starts her design process, she rather uses the combination of merging together illustration and text, creating a shaped like pattern. The style gets its own focus and it becomes a separate element. You can see that much of her work features from the Swiss style, like her colour usage. She uses often a few colours, something Swiss style is known for. As her work is influenced by the style, her style of combining typography and illustration is a bit different to the know Swiss style. Marian wants to draw the attention of the audience by curiosity and creativity, where typography and illustration are intertwined compared to the Swiss style. The style is intended to communicate a message in a simple and functional way by being easy to read fonts and prefer photography as a communication.

The Swiss style is based on simplicity and functionality to communicate the message, Marian doesn’t underestimate the audience ability to use the imagination to find out what she wants to communicate though her designs. In that way it makes the design more interested and memorable. She wants to do something different from what has been done before and challenge the boundaries. The Swiss style focuses on the rules that are been set for that type of visual communication, which is important as many of the set principles have become a template for good designs in the flowing years. The style is most known for its grids that are set for that type of style. As Marian experiments with merging both typography and illustrations, these grids can still be found in her own designs, but she is not afraid make asymmetrical designs.

Example of her designs:

And the Swiss style design:

Research on Late Modernism

Research on the Swiss International Style
After you have done research on the style, give a description of your own. How would you define the style? 

The International Typographic Style, also known as the Swiss Style, is a graphic design style that first emerged in Russia, the Netherlands and Germany in the 1920s and was further developed by designers in Switzerland during the 1950s. The style has influenced the graphic design as a part of the modernist movement, impacting other design-related fields such as architecture and art. One can in many ways say the style is a further development of De Stijl (1927 – 1931) and Bauhaus (1919 – 1931).

The Swiss style summed up is a strong and clean style. It focuses on readability and the use of grids and photography. Sans serif fonts became more common and in collaboration with photography, typography was used in a whole new way as a new tool to reach people through posters, and among other things. The most used font at that time was Akzidenz Grotesk, today known as Helvetica. Not only is typography used in a new way, but the style consisted of strong graphic elements like geometry, patterns, few but strong colours and abstract elements. The style uses the grid system as that how they ordered the words and layouts together. This framework has since been important in web designing used today. As the designs influenced by the Swiss style may lack some depth, the style focuses on having the design flat, no shadows, no 3D, decorative borders, no gradient and the content is in focus, as the most important aspects of the style.

Posters and layouts used in this style focuses on typography, using the sans serif, big bold letters, showing strong grid system, with some asymmetrical looks in the background with the usage of photography, strong colours and text ragged right text. The thought behind the Swiss style is that the content should stay in focus, the content of the work shouldn’t be the focus, nor the designer’s subjective style.

Influences on Swiss International Style
What do you think the main influences were on the Swiss International Style. In other words, what motivated designers to create and follow this style?

What may be the biggest impact on the Swiss styles is the time it was developed and what was going in the world at the moment. The style started around 1940s, during world war II, and was further developed in the post-war era. In addition, this style was developed in Switzerland, a country that was neutral during the war and avoided the misery like the rest of the countries that was part of the war. Just because they were neutral under the war, doesn’t mean the country wasn´t influenced by what was happening in Europe at that time.
The swiss style has many similarities to De Stijl, Bauhaus and even some similarities to the Soviet propaganda poster used in the 20th century. It was important to spread the information everywhere you could and opinions, and by developing a style that had the most focus on getting messages though typography on posters was another reason why the style changed.

Another influence for the style is the technology. In addition to new printing techniques, some cameras became available for more people to have, and the progress to develop pictures became much easier. In this way one could get more real expression on the posters and show more of the reality than a drawing could.

One of the main influencers on Swiss style was Joseph Müller-Brockmann. Müller-Brockmann was a graphic designer from Zurich. He wrote some very important books, like Grid Systems in Graphic Design and Pioneer of swiss graphic design, that influenced the style even further and the later development of graphic design. You can recognize his work by seeing simple design, pure typographic by using the font Helvetica, and geometric shapes.

Another important designer at that time is Emil Ruder. Ruder studied at the Zurich school of arts and crafts which was very influenced by the principles of Bauhaus and was taught new typography. He wrote some books, like Typographie: A manual of design, that helped to spread this style in the 1960s.

Analysis of the Swiss International Style
Read up on the different schools within the Swiss International Style: The Zurich School of Arts and Crafts and The Basel School of Design and do a write-up of the similarities between them and the differences in their approaches.

The development of Swiss style is very much bases on these two schools. One in Basel and one in Zurich. Emil Ruder taught at the Basel School of Design. Through his teaching the focus was on ease of reading, form and finality. That included spacing between letters, x height of letters and the shape of the letters. Everything he and the students invented and created was later presented in his book Typographie: A manual of design, which impacted worldwide.

The difference between these two schools are that the Basel School of Design focused more on the fonts, letterspacing and blending of weight of the different fountains. At the School of Arts and Crafts in Zurich it was more focus on the composition of the words in the form of grid systems and surfaces. Making the text fit into the design so the reader got to experience the whole design and not just the text.

What we know today of typographic design really stems from this development through the Swiss style in the 40-50s and 60s. We still use many of the same principles today in relation to grid, systems, fonts, font families, sizes and layouts. There are constantly different trends that follows the fashion image, were rules are broken and do not vary as well, but in the end, you will always find parts of the style that can be traced back to this period.

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.

Here is my drawing of a character in five different exaggerated poses.

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.

I chose to play around with the word “melt”. Here is my moodboard:

And here is my storyboard:

Design a site like this with WordPress.com
Get started