Gallery

LA – Create a Wireframe

Now it’s your turn to create your very own website wireframe.

In the last assignment, you had to come up with a list of 10 questions for a briefing form. I would like you to now fill in this briefing form, take the answers and create a wireframe for the site. 

This wireframe do not have to be a wireframe for your current Mandatory Assignment (Product Website) it’s purely for you to practice your skills.

You can choose if you want it to be a lo-tech or hi-tech architecture.  Regardless of which method you choose, I would like to see as much detail as possible. Also, please write a short paragraph to explain why you chose the lo-tech or hi-tech option. 

 

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.)  
Anyone who like bakery products. But maybe especially from 25 and up.

2 .Who are your competitors and how do you differ from them?
The competitors would be any other bakery.

3. What actions do you want visitors to take on the site?
I think the main actions would be opening hours, dress, maybe check out the different products and staff.

4. What is your deadline for completing the site? How big is the budget?
Deadline is two weeks, and the budget is a low budget.

5. What features should be used on your website? (This includes things like contact forms, pictures, videos, etc.)
Pictures, contact forms, text, link to facebook and or instagram, opening hours.

6. What do you like about your current website, or wish you had on a website?
The client have no current website, so this is a new project. They would like to have light colors, dark text and a visible logo, readability is also important to the client.

7. Do you have any colour preferences? What should the look and feel for the website be/NOT be?
Much the same as the previous question. Colors should be earth colors rather than pastel, and a bit rustic.

8. Should there be a forum or guestbook, where the content will be visible for anyone?
There can be a guestbook so that people can see the rating others hav given the bakery. This to show that they appreciate feedback, and is not afraid to show it, both good or bad.

9. What is most important to you when you visit a website?
That the colors match, and look delicate, that the text is spelled correct, that its easy and intuitive to navigate through, and that its not to much.

10. Why should your visitors come back to your website?
To see if there is any news, check opening hours,

wp-1486939211051.jpgwp-1486939204381.jpgwp-1486939200151.jpgwp-1486939193972.jpg

I chose to make a Lo-tech wireframe. This because I think it is important to do sketching by hand, and I think its easier to do them by hand at first, before I start doing anything on the computer. I like to do it the old school way.

Gallery

LA – Providing Your Own Hosting Service

For this LA we were to make our own hosting service. This LA was mandatory, because we are going to use the web site for the rest of the semester.

We could choose which hosting service we would like to use, but the school recommended one.com, so I went with that.

One of the things we had to consider well was the name of our site. I actually wanted to go for ehdesign, but both .com and .no was already in use. .org was available, but since there already was an .com and .no I decided to go for something else. I could have used it for my advantage, so that if people had typed the wrong address, they would have come to my page, but I wanted something for my own. Thats why I went with ehatveit.com. It does not say anything about it being a design web page, but it is versatile and I like it.

I tried to personalize the page, but ended up with a wordpress blog or something, nothing like the design i had made. I do not at all get this One.com thing, and find the design part of the it really hard. And I have no idea how to fix this problem. So I think and hope that things will only go up up up from here…

 

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

GRAP – In general

Interpretation of the task

GRAP was our 1st semester exam in Graphic Design 1 studies. The brief from Noroff said to: “develop an authentic graphic design project for a real client. You must approach a suitable client yourself, and maintain a client-designer relationship throughout the project period.” By combining the learning outcomes from the whole semester, the final products should be printed products.

 

Before the exam could start I had to deliver a Product Description and a Shedule for the work towards a finished product. This had to be approved before I could start my exam. I had to rewrite my Product Description and Shedule one time before it was approved, just to have enough work during the weeks of the exam.

In addition to the products themselves, I had to make a Profile Manual for the company. This manual should describe the products I had made and how to use fonts, placing of imagery and so on in the products.

Gallery

Car Decal

This was the only product wher I had trouble following grids and guides. I talked to the printer and asked what would be the neatest. To follow the lines on the car or not. Since this car was a bit difficult to make decal on because of the lines I had to think a bit outside the box. But after trying out with some different imagery, I finaly found something I really liked! As for the text, I wanted to use the same font that I had used on the previous products, to get a conection between the products.

Gallery

Water Park Brochure and Poster

WATER PARK BROCHURE AND POSTER

In general, the first panel should grab attention. The second, third, and fourth panels contain the bulk of the information. The fifth panel is a good place for testimonials or endorsements. And the sixth panel is a good place for a call to action as well as your contact information. When it comes to choosing typefaces, keep things simple.

-Nigel French

 

The brief said that the product should be a six page A5 folder. But afer I did some research and checked out other formats and how they worked in rel life I proposed a change. The client was a bit sceptical at first, but decided to go for the double gate folder. I made a smal verson in indesign an showed to them and they were so exited.
When I started out with the design I only had the “old” pictures. and during the time I was making me and the photographer shot the rest of the pictures. I shot the picture I wanted to use as a background picture, just of water and some star lamps in the roof, This I made for all of the eight panels of the brochure. By mirroring them I could get an effect so that it blended better that just putting them next to eachother. Her I wanted a clean design aswell. I often think brochures for water parks and amusement park drown in its own message, and did not want for this to happen on my products. So I followed the grid and guidelines to make a neat layout.

Gallery

LA – Print preparation Q3

The last LA of week 11 was to watch two videos on Lynda and do the exercise files belonging to each one.

I was not really sure what the task meant, and how I was supposed to submit it. But I did the different exercise files while watching the videos. These were very interesting and I learned a lot. I’m adding some screenshots from my work.

These past couple of weeks has been a lot of hard work, and Im so happy that I got to finish my LAs, MA 04 and Product description&schedule edition.
Tomorrow I start with my exam, so wish me luck!!

Nigel French-Designing a Magazine Layout.

Gallery

LA – Print preparation Q2

The task was to make a simple dummy 20-page magazine style brochure combining dynamic typography and photography. We could use placeholder text for body copy. And for the magazine, we were to use a spot varnish for the cover and design it using two spot color.

Before making the PDF and packaging the file, I made use of my check list for printing.

I decided to make a magazine with the art of Banksy:
la-week-11-20-page-dummy

Paper weight and type:
90 GSM Cover

Binding:
Perfect binding

The task said to submit the print-ready file packaged from InDesign as well as a print-ready PDF. I couldn’t manage to upload the package folder and decided to make screenshots of them instead.

skjermbilde-2016-10-23-kl-23-36-50skjermbilde-2016-10-23-kl-23-36-59skjermbilde-2016-10-23-kl-23-37-07skjermbilde-2016-10-23-kl-23-37-38