Gallery

LA -Get the basics right Pt. 2

Part two

Was to search the web for great and bad websites, 10 in each group. To do this, I had a hard time figuring out how to get to the good and the bad websites. I googled “bad websites”, but the ones that popped up were to obvious. I decided to google different topics, like publishers, car dealers, movies, and so on. This made me look through a lot of web pages that I would not have discovered elsewhere.
This was a fun and task I learned a lot from! And I found out that some pages I actually found “busy” was also some of the ones that I liked. So even though a lot of the websites had a lot of the same layout, some could be great websites and some could be bad to me.

10 sites you would consider to be great websites.

  1. Drammen Kino, http://www.nfkino.no/drammen/ – I like this one, since its clean,  the eyes wander natural, you imidiatly see what movies that is showing, and its easy to navigate through.
  2. Finansportalen, https://www.finansportalen.no – I like this one a lot, it does not have any over the top effects, its clean and easy to understand, everything you need is right there, or you can easily see where to find it, and you dont have to scroll forever.
  3. Bazar forlag, http://www.bazarforlag.no – This one actually has a design-type that I dont like personally. But I think this particular page has pulled it of anyway. The usage of font, and placing of the different textboxes is neat, although the layout is busy. So I think this one is a good one.
  4. Spahuset, http://spahuset.no/?gclid=CjwKEAiAwfzDBRCRmJe7z_7h8yQSJAC4corODGe-oO7GsImXpY3imzLFI3QGXmXkMfFhdpjs63z-whoCyYPw_wcB – I think this is a clean but exiting page. It is easy to understand what its about at first glance, and it has a lot of imagery and information placed in what I think is clever places.
  5. Son spa, http://sonspa.no – this one I like a lot. It has clean lines, clean colors, a clear message and great layout
  6. Color Line, https://www.colorline.no – I think this is a clean and easy to understand website. Which also is very important for this kind of website.
  7. Setra, https://www.setra.de/en/home.html – I really like the look and feel of this website. It also is a neat and clean site.
  8. Peer Gynt, https://www.peergynt.com/bussferie – I like the clean feeling, although it is a website with a lot of information.
  9. Utne camping, http://utnecamping.no/nb-no/ – This is also a webpage with a lot of information, but I think they have managed to pull of a clean look.
  10. Knif trygghet, https://www.kniftrygghet.no/showpage.jsp?URLSiteName=/KnifTrygghet – this has a good look and feel. And due to it being an insurance page I think that is really important. Its easy to get to what you need.

10 sites you consider bad web sites.

  1. Stat travel, http://www.statravel.co.uk/?redirected_from=US – I personally dont like this because I think its to busy. Both in colors, text and placing of the different elements.
  2. Startsiden, http://www.startsiden.no – I think this is a very busy website. It has a lo of ads, and I have trouble getting through the content
  3. Bussreiser, http://www.kjetilsbussreiser.no – this is a very “simple” website. But due to the usage of font and color I find it a bit busy
  4. Furustrand, http://furustrand.no – although this actually has a neat design, I think it gets to busy with the images, font and coloring of text.
  5. Gjensidige, https://www.gjensidige.no/privat/forsikring – this is also a website with a clean look. But I get a bit disturbed by the boxes not being aligned and the different sizes of them.
  6. Bergen kommune, https://www.bergen.kommune.no – This one is also a busy site. It has three columns with a lot of different content, which makes it a bit to busy.
  7. Made in China, http://www.made-in-china.com/products-search/hot-china-products/Water_Park.html – when I got to this website, I was actually doing a Google search for “water park”. So when I got into this site, I really had no clue what the page was about. It was very busy! But when I realized what it was about, I also realized why it was so busy.
  8. Hotellet, http://www.hotellet.no – This is a simple website. It is a bit busy due to font sizing.
  9. Bafta, http://www.bafta.org – To much going on with animation and images and text.
  10. Tryg forsikring, https://www.tryg.no – This is just to busy for me. I think that a webpage like this should be simple and clean.

 

Gallery

LA – Get the Basics Right Pt. 1

Part one
Explain the following terms in your own words:

The Internet
A platform where everyone with connection can share information world wide.

HTML
A language build up by codes, with the purpose of making websites visible.

Browser
A browser is the internets interpreter. Its job is to translate languages such as HTML to become websites.

Search engine
This is a program that hjelps you find what you are looking for online. By using keywords the program sorts out websites related to the keywords you have entered.

 


 

Please research and add another 10 questions to the briefing process.(See the lesson.)
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.

My ultimate list of 10 questions to ask clients before making them a website:

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. What do you like about your current website, or wish you had on a website?

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

8. Should there be a forum or guestbook, where the content will be visible for anyone?

9. What is most important to you when you visit a website?

10. Why should your visitors come back to your website?

 

 

 

This is the most important principle. You need to understand what a client’s requirements are before you can supply them with a finished product. You need to understand what detail is required and what functionality is needed. You need to also try and establish if your client has any visual preferences and likes. Get their brand guidelines if they have any, otherwise look at all their other printed or design collateral in order to get a clear idea of what direction the design should take. All design needs to have a business objective in order to be effective. The more detailed a brief you can get, the greater the chance that you will come up with a website that meets all your client’s needs.

There are many sources online that can help you come up with all the questions you should ask a client, but here are 10 of the top ones that you definitely need answers to:

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

This question helps you to understand the potential visitors better. If you know who your target audience is, you can plan the website design and development in a way that would appeal to them. Obviously a site for teenagers will be very different from a site for working moms or businessmen.

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

Most clients will have some competition in cyberspace. Find out what they think of their competitors, how they differ from them and what their strengths and weaknesses are. 

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

A website can sell products, provide information, educate or encourage a visitor to make a phone call or fill out a form. Depending on the client’s needs the website structure, functionality and design can vary substantially.

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

These questions help you manage the client’s expectations. Your purpose is to set clear and realistic time frames, which are linked to the budget. In other words, your client can’t expect you to build an extensive website in a day’s time. And they can’t pay for a beat up old VW Beatle and expect a Porsche.   

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

We need to know what the client would like to have on the website and manage expectations accordingly. A small company website doesn’t need to have as many features as media portal. Some clients may know exactly what features they would like, while others might have no clue. Guide them by asking questions and showing them examples of other websites. 

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

Very often a potential client already knows what their website should look like or be similar to, so there’s no need to re-invent the wheel. Be sure to pay attention to exactly what the client wants, otherwise you could waste valuable time and money.

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

Since colour is a very subjective thing, a client may not have the same colour preferences as you do. It’s always a good idea to come up with a colour palette beforehand and show the client what you have in mind. (Keep the colour theory modules of Design 1 and 2 in mind.) You might not always agree with the clients’ choices, but part of being a good designer is being able to make their preferences look good.

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

Sometimes big companies have more than one person working on a project. Since people have different opinions and ideas, this could get quite chaotic. Ask the client for one contact person that you can deal with if you have questions or need feedback. 

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

Sometimes it is as important to know what your client doesn’t like as it is to know what he or she does like. This can help you get a full picture of what the client has in mind for the site. 

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

If your client asks for a forum, blog or social media integration, they need to understand the time requirements from within their company. They need to make sure that they have the resources available for such a commitment.

My 10 questions:

1.  What do you like about your current website, or wish you had on a website?

2. Is there any information that always should be visible?

3. Should there be a forum or guestbook, where the content will be visible for anyone?

4. What is most important to you when you visit a website?

5. Do you need a webshop?

6. Do you need the site to have language selections?

7. What do you like/dislike about your competitors websites?

8. Do you need any apps on your webpage?

9. What kind of content (text) is your website showing?

10. Why should your visitors come back to your website?

 

Gallery

GRAM – in general

GRAM is a portfolio with the most important work I have done this semester.
Im presenting the Mandatory Assignments I have been working on this year.
MA 01 – Photography is the assignment I got to work on the longest.
MA 02 – Logo is a assignment where I made a logo for a fictive chochlate brand called crave.
MA 03 – Illustration was to make a illustration for a song, without the ability to use text.
MA 04 – Layout was to make a layout for a cook book.
The different assignments made me work in different Adobe platforms, exploring the oppertunities each one of them gave. Both InDesign, Illustrator, Photoshop, Acrobat and Bridge.

I have also added some of the Learning activities (LA) from this semester. This to show some more of my work, and what an exciting journey it has been throughout this semester.
This has been a fun year, and I have learned so much.

Design choices
I started out thinking about the portfolio early this semester. I checked out other portfolios to get inspired. It was important to me that my portfolio would reflect me as a designer, and still be neat and simple enough to not drown the work I am representing.

Colors
I really wanted a clean look, so the only colors I wanted to use was, black, white and red. For the hyperlinks I left them with the color they originaly have, to keep it clean.

Typography
I played around with the fonts I found at Typekit, and went through the different categories. I knew I wanted something a bit “square” and imidiatly fell in love with the “Orator Std”.  To mach this a bit “bold” font I wanted to go for something a little more subtil for the body text, and found “Adobe Caslon Pro” to be a good choice. I feel like the fonts play well together, and match the look I want to have on my portfolio.

 

 

 

Here is a PDF of my Portfolio

Gallery

MA 1 – Photography

Night Photo – hint: slow sync
night-photo

f/3,5
1/5 s
ISO 200
18-105@18 mm

This photo was shot during a sailing trip this summer. Since I have a little boy who is awake a lot at night, I got to see both sunrises and sunsets. This photo was shot “through” the steering wheel of the boat. I shot from different angles and with different focus points, but ended up liking this one best.

Freeze water – hint: fast shutter speedfreeze-water

f/5,6
1/320 s
ISO 200
18-140@66 mm

I had trouble figuring out how to do the “freeze water” photo. But although there is some motion blur on some of the water on this picture, I got to freeze some of it. This was taken while this little boy were helping his father watering the concrete this summer.

“Misty / veil” – hint: slow sync

misty-vail

f/13
1/2000 s
ISO 250
18-105@85 mm

One day when it was really cold the ski resort were making snow with their snow guns. At this point the sun was just rising above the mountain and made the fog and snow from the snow guns almost look like the forrest was on fire. I ended up with a lot of different photos with different angles and settings. But I liked this one best. Although its a bit dark in the front, I liked the dramatic look it has. And with settings that made the picture brighter I did not get the same look.

The golden section – hint: compositiongolden-section

f 4/5
1/1000 s
ISO 200
18-140@18 mm

This is a photo that was taken during a race called “Prestholt opp”. There is made stairs from a cabin and up to Hallingskarvet. So that the top of the mountain is easier to get to for a lot of people. If you look closely you can see the people all the way to the top. This photo is a bit special to me, since its my grandmother in the purple jacket. She had a breast cancer treatment a couple of years ago, and now she is in good shape, and can go hiking in the mountains.

This photo was cropped a bit to fit exactly with the snail house for golden section.

 

Motion – hint: shutterMotion.jpg

 

f/13
1/30 s
ISO 250
50 mm

To get the motion picture, I wanted something fast. And what better than something with engine? I had to try out with different lenses, settings and angles to get a shot where there were motion, but stil something in focus.

Contrast – hint: dark-light, big-tinycontrast

f/8
20,00 s
ISO 125
18-105@52 mm

This is a “dont jugde, you dont know” photo.

It took a lot of work and planning. I made a “studio” in one of my storage rooms. My intention was to “split” two items, using manual lighting and a dark board to “hide” the items one at a time.  I placed my camera on a tripod and were supposed to “split” a persons head and a rose. Due to the focus shifting this was rather complicated. I tried out with bullets and a rose and my wedding shoe and one of my husbands worn out sneakers. But ended up with the bullets and my wedding shoe.
To be able to take this photo I had to make a black background, place the different elements on it. The shoe is actually laying over the bullets. Then by turning out the lights, hiding one item at a time, and manually light up the items I were able to get this shot.

Low key or high key – hint: exposure

High key

f/5
1/500 s
ISO 400
50mm

This photo was shot outside on a cloudy day. I was actually going for another look with her laying on the ground on a white blanket, and me shoting from the second floor. At that point her hair was like a circle around her head. I actually got really satisfied with the result, but decided to try something else aswell.

I tried with different lenses and poses, but ended up with liking this one the best. In this photo she was laying on a box with her head outside the box so that her hair would blow in the wind. I was standing on a chair over her to get the hight I needed to get her in frame. On the ground I had a white blanket to get the look I wanted.

I did some research about what defines a high key photo. One of the main things is to eliminate any harsh shadows, and make it bright and cheerful. Often this kinds of photographs is used in studio photography, product, food or in photographs where the subject is beautiful, high-quality, pure or up-scale in nature.

Curves and lines – hint: composition

curves-and-lines

f/1,8
1/30 s
ISO 320
50 mm

This “curves and lines” photo I actually had other plans for. I already this summer knew that I wanted to do the curves and lines photo of the tracks from a snow cat. But due to a really bad winter up until now I had to redo my thinking.

I was on the boat over to Denmark when I saw the lines they had on one of their carpets. And I thought that by adding a pair of skues I would get both curves and lines in my photo.
The fairy was crowded, but I knew that I wanted the photo to be taken from the floor, so I had to lay down on the floor to get my shoot. I got a lot of weird looks as well.

I tried out with different lenses and settings before I lied down, to get the shot the way I wanted.
I cropped it a bit different when I got it on screen, just to get it more in thirds than it originally was.

Drawing with Light – hint: slow sync
draw-with-light

f/9
2,00 s
ISO 125
18-105@18 mm

This was such a cool picture to work with. When I got the assignment I knew that I wanted to make at least one of the pictures a skiing picture. My husband inspired me to do the drawing with light as a skiing picture, inspired by a Nike ACG shot he had been to in 2005, where they had used a similar effect for one of their ads.
One night when the free ski group had their traing, I went over to get my shot. I used a rack for my camera, and tried out different settings to get the right one. One of the kids was standing by a jump while my husband jumped with two cellphones with flashlight, making “waves”. We had to try it out a number of times for everything to be right. But I am very happy with the result. And think this one is outside the box.

Depth – hint: first, middle and background

depth

f/5,6
1/60 s
ISO 200
18-140@60 mm

This picture was taken during a walk in the forrest this autumn. My youngest son loves berries, and I shot this while he was sitting in a field of blueberries.
I had my different lenses with me, and tried out with different settings. But to get the shot I wanted I used this one, and went for the settings that made both the middle and the background blurry.