AW31 – Visual Language – LT. Illustration, Infographic and Brochure

Practical assignment (observation and analysis)

Use the logo you created in Week 1 and design a brochure for your product. You may use any format you like, just make sure that the format is in line with and adds to your logo design. Your brochure must contain an illustration. This could be the infographic alone, or it could be the infographic and the rest of the brochure (in other words, the entire brochure may be illustrated if you’d like).
 
When designing the brochure and creating your illustration, make definite use of the fundamentals of visual language as discussed in this lesson. 
You must illustrate an infographic and design a brochure:

1. Illustration of infographic

The brochure design and infographic illustration should work together. Consider the format and style of your brochure and illustrate an infographic using fictitious data (or you could do research to get a better idea of actual statistics). The infographic must display the nutritious benefit of your product to dogs. It should contain the nutritional value, as compared to the necessary nutrition intake of dogs. It must also give an indication of consumption per size of dog. You may also add information of your choice that you think is relevant.

I started to search for other brands so I could see what info other used on the infographic and what color scheme they used for it. The text I used is from an Canadian brand called Acana.

I wanted the infographic to contain ingredients, nutrient analysis and a feeding guide. I did make the nutrient analysis illustration pretty long but I since I copied the text from acana I didn’t know what to leave out. But after moving everything around on the a5 sheet I found a good way to show it. And I also wanted to show all of the vitamins, minerals and amino acids.

The ingredient list is clean and simple, I also chose 4 icons that shows a small amount of info that the ingredients is wrapped around.

And I wanted the feeding guide to be similar to the nutrient analysis so it would work good together. On this guide I have a column with weight of the dog, how much the serving size is pr day if the dog is active and one column that show how much if the dog is highly active.

I wanted the background on the infographic to work with the rest of the brochure so I chose photo with a poppy field, and I also found a photo of 4 dogs that would fit perfectly over the infographic.

The color I chose was a beige(ish) and brown color. I want the design on everything to be very natural and clean.

2. Design of brochure

Design a brochure that introduces your product and includes the infographic illustrated in Question 1. You can decide on the information and format of your brochure. As a guideline, consider a brochure of A4 (lying), folding to A5 (standing). You don’t have to have more than four pages in your brochure (but it depends on your design and style). You must base your brochure design on the design of your logo. Thus, look at your logo and design a brochure that complements and blends in with it.

For the brochure I have used the same color scheme as the infographic. I found some pretty photos of some dogs with the right color and mood that I though would work really well in the brochure. I used one photo for each page in the brochure and then I used text/info blocks on each page to join everything together. The brochure is also A5 in size(A5 lying when its folded).

After this week LT where I made the packaging design I changed the brochure, added some pages. “Sport&Agility” is the main design that I made, but I felt like making more types of food, like adult, puppy, senior etc. So I put these inside of the brochure as well.

AW30 – Creative Workflow – LT. Create A Logo

Develop a name for a dog food product. Design a logo for this product, using full colour. The logo must contain a main visual and typography. (Use the “People Saving Pets” logo as a guide – this does not mean your design should be the same, it is simply an example.) Follow each of the fundamental steps outlined above, in that sequence and take note of what needs to be handed in as you progress through these steps:


  • Exploration – Use sketching techniques to draw thumbnails and hand in your thumbnails as scanned PDFs.

  • Focus – Highlight three of the thumbnail ideas that you consider the best options and state why. Hand in an A4 with visuals of the three chosen thumbnails; include reasons for choosing each of these three options.

  • Construction – Use sketching techniques and redraw ONE of your chosen concepts until you’ve reached a conclusion on a successful logo. Hand in your drawings as scanned PDFs.

  • Testing – Experiment more with your favourite options from Step 3 and ask the opinion of a few people. Hand in examples of the logos shown to people and write their feedback or opinion on each.

  • Refinement – Choose your final design and execute it in Adobe Illustrator, along with the name of the product. Hand in your final logo as an A4 PDF.

AW29 – CMS & WordPress Part 3 – LT. Create a WordPress Theme

Lesson Task – Create a WordPress Theme (12 hours)

To the WordPress website that you started in the previous lesson task, add the hacks mentioned in the lesson: *CMS and WordPress part 3.*

Then do some research on the Internet and find two more hacks to implement on your site.
Please elaborate on why you chose these hacks and how they will benefit your website. You are welcome to add more too.

To be honest this LT was a bit confusing. First of all, I haven’t made an actually childtheme. I’ve only customized trough wordpress and elementor, the reason for this is simply because the whole thing has been confusing regarding what we learn and what other students learn and need to do.

But I did install “simply css” and added the hacks that was mentioned. And I’m not sure if I’ve done it right, because I get a lot of red boxes with notification in front of every row that says : unexpected tokens.

So I hope I haven’t messed up something with hetiart.no now!

AW28 – CMS & WordPress Part 2 – LT. Customise a WordPress Site

Take your theme that you have installed on your hosting account or make a new site and add a theme (it’s your choice).
Create a child theme and customise it using CSS and HTML (you can even try PHP if you are feeling brave). Add relevant elements to enhance your SEO. (permalinks, tags, categories etc).

The main idea here is to play around with the various options available for customisation.

Show us before and afters and your process, with a link to your site.

This week I’ve customized the wordpress site hetiartno. I already made that site ages ago but now I’ve customized a theme and starting to get satisfied with how it looks. But I’m not 100% finished.

I’ve been back and forth with the themes on this page, I felt that I haven’t found a theme that fits me and what I want from it. But after I learned more about elementor I found a theme that I was able to customize how I wanted it to look.

The theme I used is OceanWP.

I had my portfolio at my free wordpress blog before, but I did hand it in in a pdf for the portfolio delivery. So this is how it looked like before.

And this is the new site.

AW27 – CMS & WordPress Part 1 – LT. Working with WordPress

Firstly you need to download and install* WordPress. Then publish it to your web hosting account. Create a subfolder if you wish to avoid conflicts with previous websites.

*Most hosting companies have the option to install WordPress directly. Look into that for your specific hosting company.

Once it is installed, you can start having some fun.
Choose and download a theme that best suits you and install it. Then customise this theme in order to create a portfolio website for yourself.

This will be your test site for the duration of this module.

This is a LT that I’ve been looking forward to for a while now. 

I did have some troubles to find the right theme to work with. I found many that I liked but for some reason they didn’t respond very well with what I wanted to do. So the last theme I tried was OceanWP, thi work really well and I’m happy with how it turned out!

hetiart.no

AW26 – Web Design Process 3: Development – Part 3 – LT – Market Your Website

Now that you have built and tested your website, I would like you to market it. Let’s say that your budget is NOK 10 000 (or 1800 $ US). Please do the following:

  • Do some research on what advertising costs. You could for instance contact your local newspaper, print shop and other websites.
  • Make a detailed list of how you would market your website. Remember to keep your budget in mind.
  • What if you had double the budget? Come up with a second marketing strategy, this time with NOK 20 000 at your disposal. (3600 $ US)
  • Come up with a viral idea. It doesn’t have to be a video; it can be guys dancing at the airport in gorilla suits. You can use ANYTHING that is at your disposal. Be creative!

I made the website of my hometown, Sandnes. I would probably use a newspaper and social media for the advertisement. I would also choose aftenbladet.no over sandnesposten.no, the reason for this is that I feel I would reach out to more people. You have to subscribe to sandnesposten to read the articles, so I think they loses a lot of people, so less people will see the advertisement.

I would use around 70% on social media, everything is happening on social media these days. So having a large budged there would really help to reach out to people. Here can you also choose what audience you will reach out to.

The last 30% will go to advertisement in the newspaper, both printed and digital.

If I had double the budget I would also have advertisement on bus stops, on the back of the busses and google advertisement (where the ads pops up in the top of the result when you google “sandnes”).

AW25 – Web Design Process 3: Development – Part 2 – LT – Coding Basic

Take the basic website you have designed in your previous two Lesson Tasks in this module (Lesson Task – Put Thought Into Your Design and Lesson Task – Planning the Structure) and convert that into HTML and CSS code.

This will help you understand the importance between the design and the programming phase and how they work together.

Don’t stress if you can’t get everything right, just do as much as you can.


So I only did the index/home page, I really like web design and I’m looking forward to learn more and get the hang of it. It’s alot to take in but it’s fun and a lot of new things to learn.

AW24 – Web Design Process 3: Development – Part 1 – LT – Planning The Structure

Create the structure of your web page (from Lesson Task – Put Thought Into Your Design) in terms of HTML files and folders. You need to set these up so that you are ready to code your website.

First use a pen and paper to do your planning; then do it on the computer when you are sure of your structure.

Please upload this activity to your WordPress blog. Remember to scan (or photograph) and include your initial planning that you did on paper.

AW22 – Lighting Equipment, Studio Setup And Portrait Photography – LT. Studio Lighting

Question 1

Name three lighting sources and their functions.

Natural light – This is the light from the sun, blue sky gives hard light while cloudy sky gives more soft light. You can use modifiers to soften and manipulate the light to get the light you want.

Continuous light – This is the light you have continuous on in the studio. Tungsten bulb, led light, hmi and fluorescent light that is the basic light in the studio.

Flash – This light you can mount on the mount shoe of the camera or set it up external on a tripod and will go of when you hit the shutter button.

Name two light modifiers and explain the difference between them.

Softbox – As the name says, this gives a more softer light. The bigger softbox the bigger the light will be.

Reflectors – Reflectors comes in 5 different colours, white, silver, gold, black and transparent. This helps you to manipulate the direction of the light, move the light where you want it or even use the black one to absorb the light.

Draw a diagram of and describe the three-point lighting setup.

Key Light – This is the main source of light that is lightening up the subject.

Fill Light – This is the secondary light, it fills in the darker parts of the subject. It’s placed on the opposite side than the key light.

Back Light/Rim Light – This light is placed behind the subject to give the subject rim around it, by highlighting the hair and/or shoulders.

Question 2

Draw three studio setups for the following subject matters and list all the equipment that you would use to light your subjects:

Portrait

Fashion

Beauty

In a magazine or on the Internet, find one fashion shot, a beauty shot and a portrait shot and explain how you think the lighting was set up in each shot.

Beauty
Portrait
Fashion

Question 3

Take some portrait shots and pay specific attention to the lighting you use. Do one shot with soft lighting and one with more dramatic, harder lighting. It would be beneficial to hire studio lighting, but if you can’t, you may use natural light, reflectors and your camera’s flash.

Soft Light
Hard Light

Question 4

Choose a portrait photograph from the ones you took in Question 3. Create a unique movie poster for a fictional fantasy movie of your choice. Make use of different backgrounds and editing techniques you have learned.

AW21 – Design for screen 1: part 2 – LT – Put Thought Into Your Design

Design a 5-page website or blog to promote your hometown (or any other place if you so choose). Present your design along with a strategy that explains the decisions you’ve made during the design process (keep the six steps mentioned in the lesson Web Design Process: Designing for Web (part 2) in mind). Remember, it’s important for us to see how you think, so explain why you decided to do things the way you did.

This is a front-end design lesson task. No coding or publishing is needed.

This academic week I’m a little behind on the schoolwork. I was sick for a week and a half, and after that I’ve been super tired and haven’t had any energy left after work. And that has also made me so unfocused! So, I have done the most important stuff, but I have some hours left on LinkedIn learning.

I’ve made the design on this LT, but haven’t done the written part of it. But I have it up on my bulletin board so I will come back and do that later on. Hopefully the next week or so, since we are starting on photography again I think I can manage to get the rest of this week done.