Skip to content
Johannes Eliassen
  • Portfolio
    • Vector Graphics
    • Animations
    • Painting & Drawing
    • Graphic Design
  • Contact
Menu Close
  • Portfolio
    • Vector Graphics
    • Animations
    • Painting & Drawing
    • Graphic Design
  • Contact

Graphic Design 2 LT 4.1 – Point of Sale

  • Post author:Admin
  • Post published:25 August 2022

In this fourth and final lesson task covering the dog food brand that we worked on in the previous tasks, the goal was to create some point of sale elements, as well as a brand guide for the company. POINT OF…

Continue ReadingGraphic Design 2 LT 4.1 – Point of Sale

Graphic Design 2 LT 3.1 – Packaging

  • Post author:Admin
  • Post published:19 August 2022

In this lesson task, we were continuing working on the dog food brand from the previous two weeks. This time, we were to design a packaging for the dog food. Sketches: Design: Mockup:

Continue ReadingGraphic Design 2 LT 3.1 – Packaging

Graphic Design 2 LT 2.1 – Illustration, Infographic and Brochure

  • Post author:Admin
  • Post published:16 August 2022

The goal of this lesson task was to design a brochure for the dog food product that we created a logo for last week. The brochure should contain an illustrated infographic describing the product’s nutritional details. Front and back Inside

Continue ReadingGraphic Design 2 LT 2.1 – Illustration, Infographic and Brochure

Graphic Design 2 LT 1.1 – Create a Logo

  • Post author:Admin
  • Post published:16 August 2022

In this lesson task we had develop a name and create a logo for a dog food product. The name I came up with for the product was Dingorido Dog Food. I thought this could be a product specially made for…

Continue ReadingGraphic Design 2 LT 1.1 – Create a Logo

Screen-Based Design LT 9.2 – Create a Campaign

  • Post author:Admin
  • Post published:16 August 2022

The objective of this lesson task was to design a prototype of a high-fidelity, long-form landing page to be used for showcasing a jacket from Billabong. Link to prototype: https://xd.adobe.com/view/0f25b28a-078e-4fcf-9c7b-c2ead0f7fac7-5a76/

Continue ReadingScreen-Based Design LT 9.2 – Create a Campaign

Screen-Based Design LT 9.1 – Create a Social Media Visual Story

  • Post author:Admin
  • Post published:16 August 2022

In this task we were asked to design a campaign to advertise Keto bars. The objective was to create three graphics to be used on Instagram posts.

Continue ReadingScreen-Based Design LT 9.1 – Create a Social Media Visual Story

Screen-Based Design LT 8.3 – Page Inspections

  • Post author:Admin
  • Post published:16 August 2022

In this lesson task we were asked to pick one eCommerce website and discuss the effectiveness of each of these pages: Home page, category page, product page, cart and checkout. For this task, I chose to look at Nintendo's website, nintendo.co.uk.…

Continue ReadingScreen-Based Design LT 8.3 – Page Inspections

Screen-Based Design LT 8.2 – Taxonomy Inspections

  • Post author:Admin
  • Post published:16 August 2022

In this lesson task we had to find two different eCommerce websites and create diagram illustrations of their category trees. SERIE.NOThe first one I chose was serie.no. I found that this website had a little unconventional diagram tree where only three…

Continue ReadingScreen-Based Design LT 8.2 – Taxonomy Inspections

Screen-Based Design LT 8.1 – Rate and Review

  • Post author:Admin
  • Post published:16 August 2022

In this task we were asked to review the websites of three different businesses and rate the design based on the following categories: First impression, Trust/credibility established, Loading time, Professionalism and Creativity.

Continue ReadingScreen-Based Design LT 8.1 – Rate and Review

Screen-Based Design LT 7.3 – Play with Parallax

  • Post author:Admin
  • Post published:16 August 2022

The objective of this lesson task was to apply a parallax effect on to a website design. Here’s my attempt (it plays automatically): https://xd.adobe.com/view/b243987a-8bba-42db-9c67-bb2bbb4b7634-e710/

Continue ReadingScreen-Based Design LT 7.3 – Play with Parallax

Screen-Based Design LT 7.2 – Design a Form

  • Post author:Admin
  • Post published:16 August 2022

In this lesson task we were asked to analyse and redesign a form used to make appointments on a vet clinic website. WHAT'S WRONG WITH THE FORMThe main problem with the form I found to be that it was hard to…

Continue ReadingScreen-Based Design LT 7.2 – Design a Form

Screen-Based Design LT 7.1 – Get the Basics Right

  • Post author:Admin
  • Post published:16 August 2022

In this task, the goal was to create a low-fidelity website prototype for a bakery called Crust & Crumb. The focus should be put to the main navigation menu. LOGOFirst, I made a logo for the bakery to use on their…

Continue ReadingScreen-Based Design LT 7.1 – Get the Basics Right

Screen-Based Design LT 6.1 – Understanding Basics

  • Post author:Admin
  • Post published:16 August 2022

In the first part of this lesson task we should pick a template that we liked from a website builder and sketch it into a low fidelity wireframe. TEMPLATE & WIREFRAMEI found a template on Squarespace called Clark, which I thought…

Continue ReadingScreen-Based Design LT 6.1 – Understanding Basics

Screen-Based Design LT 5.1 – Read the Visual Clues

  • Post author:Admin
  • Post published:16 August 2022

For this lesson task we were going to ask friends or family members to pick a nice-looking website at random for us, which we should analyze in terms of content, design and purpose. For the task, we were given some questions…

Continue ReadingScreen-Based Design LT 5.1 – Read the Visual Clues

Photography 2 LT 1.1 – Portrait Photography

  • Post author:Admin
  • Post published:16 August 2022

In the first part of this lesson task, we had to take portrait photos. We were then going to pick two of them to upload; one with soft light, and one with harder, more dramatic lighting. In the second part, we…

Continue ReadingPhotography 2 LT 1.1 – Portrait Photography

Photography 2 LT 1.1 – Studio Lighting

  • Post author:Admin
  • Post published:16 August 2022

The first part of this lesson task was to name three lighting sources and their functions as well as two light modifiers and the difference between them. We should also draw a diagram of the three-point lighting setup. THREE LIGHT SOURCESLight…

Continue ReadingPhotography 2 LT 1.1 – Studio Lighting

Screen-Based Design LT 3.1 – Introduction to Prototyping

  • Post author:Admin
  • Post published:16 August 2022

For this lesson task we had to create low fidelity wireframes. The wireframes was to be made for the website of an animal rescue organisation; One for a dog/cat category page, and one for a profile page that displays the features…

Continue ReadingScreen-Based Design LT 3.1 – Introduction to Prototyping

Screen-Based Design LT 2.4 – Defining a Design System

  • Post author:Admin
  • Post published:16 August 2022

This lesson task was about design systems. First, we had to describe the use of logo, color, typography, buttons and grids in four systems: MS Fluent, Lightning Design System, Shopify’s Polaris and Mailchimp. After that, we were to pick one of…

Continue ReadingScreen-Based Design LT 2.4 – Defining a Design System

Screen-Based Design LT 2.3 – Information Architecture

  • Post author:Admin
  • Post published:16 August 2022

The objective of this lesson task was to do a redesign of the home page of pennyjuice.com. First, we had to do a content audit of the website and plan the information architecture using a card sorting technique before starting. 1…

Continue ReadingScreen-Based Design LT 2.3 – Information Architecture

Screen-Based Design LT 2.2 – Accessibility in User Interface Design

  • Post author:Admin
  • Post published:16 August 2022

For this lesson task we were asked to look at the website design below and consider its accessibility for users with eyesight trouble. After defining the problems, we should recreate the design to make it better, focusing on readability of the…

Continue ReadingScreen-Based Design LT 2.2 – Accessibility in User Interface Design

Screen-Based Design LT 2.1 – Defining User Interface Design

  • Post author:Admin
  • Post published:16 August 2022

In the first lesson task we had to look at an example of a website with bad user interface (theworldsworstwebsiteever.com) and create a list of things that we would change about it to make it better.  I would say that the…

Continue ReadingScreen-Based Design LT 2.1 – Defining User Interface Design

Screen-Based Design LT 1.4 – The Plan Behind the Design

  • Post author:Admin
  • Post published:16 August 2022

This lesson task was about visual hierarchy on websites. We had to find an example and analyze how the website uses hierarchy to guide the viewer’s eye on the homepage. For this task I chose to use the website of Download…

Continue ReadingScreen-Based Design LT 1.4 – The Plan Behind the Design

Screen-Based Design LT 1.3 – Create a Website Brief

  • Post author:Admin
  • Post published:16 August 2022

The objective of this lesson task was to create a website brief for a fictitious new restaurant. I chose the client Nataka Kula (Cuisine from East Africa). First, we should make a list of at least 15 questions that would be…

Continue ReadingScreen-Based Design LT 1.3 – Create a Website Brief

Screen-Based Design LT 1.2 – Explore Website Strategies

  • Post author:Admin
  • Post published:16 August 2022

For this lesson task we had to pick three websites, one for a non-profit organisation, one for a retailer and one for a service provider and answer the same questions about each of them. NON-PROFIT ORGANIZATIONAs the non-profit organisation I chose…

Continue ReadingScreen-Based Design LT 1.2 – Explore Website Strategies

Screen-Based Design LT 1.1 – Website Experience

  • Post author:Admin
  • Post published:16 August 2022

In the first part of this lesson task we were asked to answer some questions regarding our personal experience as web users. If you search for a particular company and you cannot find a website for them, how does this shape…

Continue ReadingScreen-Based Design LT 1.1 – Website Experience

Graphic Design LT 5.5 – Design of Layout in InDesign

  • Post author:Admin
  • Post published:16 August 2022

In this lesson task we had to create an 8-page brochure for a fictitious decor shop using Adobe InDesign. The main focus should be put to type, imagery and layout. This is my attempt: The images used are stock photos from…

Continue ReadingGraphic Design LT 5.5 – Design of Layout in InDesign

Graphic Design LT 5.4 – Pace and Contrast

  • Post author:Admin
  • Post published:16 August 2022

This lesson task was about pace and contrast in layout design. We were to compare an online magazine, blog or website to a printed magazine, book or journal and look for differences in the design strategies. For this exercise I’ve chosen…

Continue ReadingGraphic Design LT 5.4 – Pace and Contrast

Graphic Design LT 5.3 – Basic Principles of Layout

  • Post author:Admin
  • Post published:16 August 2022

The objective of this lesson task was to analyze the layout of a print media by tracing the grid of the pages. For this exercise I used the textbook Graphic Design School. What I found to be the main layout rule…

Continue ReadingGraphic Design LT 5.3 – Basic Principles of Layout

Graphic Design LT 5.2 – Symmetry/Asymmetry

  • Post author:Admin
  • Post published:16 August 2022

In this lesson task we were challenged to create different visual effects related to balance and symmetry in a layout. These should be achieved using only one or two square- or rectangle-shapes within an empty square. ENTERING LEFT MOVEMENT TO THE…

Continue ReadingGraphic Design LT 5.2 – Symmetry/Asymmetry

Graphic Design LT 5.1 – Form and Space

  • Post author:Admin
  • Post published:16 August 2022

In this lesson task we got an exercise that was linked to the figure/ground-concept in design. Using different black cut-outs on white paper, the goal was to rearrange the various shapes to find the point where the distinction between figure and…

Continue ReadingGraphic Design LT 5.1 – Form and Space

Photography LT 2.1 – Exposure and Composition Basics

  • Post author:Admin
  • Post published:16 August 2022

This week was all about getting familiar with the DSLR camera. First off, we were going to do some experimentation with White Balance settings and Focus Modes. We were also encouraged to take pictures every day for five days, making use…

Continue ReadingPhotography LT 2.1 – Exposure and Composition Basics

Photography LT 1.2 – Camera Basics

  • Post author:Admin
  • Post published:16 August 2022

In the second task of the week, we had to explain the functions of a DSLR camera. For this task I’m using a Canon EOS 50D.  THE FRONT OF THE CAMERAThe shutter button — the one you use to take a…

Continue ReadingPhotography LT 1.2 – Camera Basics

Photography LT 1.1 – The History of the Camera

  • Post author:Admin
  • Post published:16 August 2022

The first task of the week was to write about one inventor that contributed to the art of photography. GEORGE EASTMANI chose to write about George Eastman, the founder of The Eastman Kodak Company, also simply known as Kodak. The Kodak…

Continue ReadingPhotography LT 1.1 – The History of the Camera

Strategic Design LT 3.1 – Create a Logo

  • Post author:Admin
  • Post published:16 August 2022

This week we had to design a logo for a fitness coaching brand, based on the moodboard we created in a previous lesson task (Strategic Design 1.2).

Continue ReadingStrategic Design LT 3.1 – Create a Logo

Strategic Design LT 2.2 – Understanding Ideals

  • Post author:Admin
  • Post published:16 August 2022

In the second lesson task we had to visit a well-known store and do a write-up on its brand identity and ideals. The brand I chose to write about was Ikea. Because of illness I was unable to visit the store…

Continue ReadingStrategic Design LT 2.2 – Understanding Ideals

Strategic Design LT 2.1 – Understanding Identity

  • Post author:Admin
  • Post published:16 August 2022

QUESTION 1 This week’s topic was brand identity. In the first lesson task we had to analyze the logos of three different companies: Instagram, Mercedes-Benz and Mastercard.  INSTAGRAMInstagram is a social media platform where users share photos and videos. Early versions…

Continue ReadingStrategic Design LT 2.1 – Understanding Identity

Strategic Design LT 1.2 – Mood Board

  • Post author:Admin
  • Post published:16 August 2022

In the second task we had to create a mood board. It was meant to be used as inspiration for a visual profile of the fictional fitness coaching brand from the previous lesson task.

Continue ReadingStrategic Design LT 1.2 – Mood Board

Strategic Design LT 1.1 – Customer Profile

  • Post author:Admin
  • Post published:16 August 2022

In this lesson task we had to create two customer profiles for a fictional fitness coaching brand. The customer profiles act as representations of imagined customers, and is a great tool to narrow the focus down to specific target groups. The…

Continue ReadingStrategic Design LT 1.1 – Customer Profile

Graphic Design LT 4.1 – Color Theory

  • Post author:Admin
  • Post published:16 August 2022

The topic of this week was color theory. The lesson task was split into three “questions”: The first one was about color modes and color schemes. The second was about color effects, and in the last one we had to make…

Continue ReadingGraphic Design LT 4.1 – Color Theory

Graphic Design LT 3.3 – Designing a Film Festival Poster

  • Post author:Admin
  • Post published:16 August 2022

This lesson task was about designing a poster for a fictional film festival, with the main focus on typographic layout. POSTERI wanted to make a poster for an animation film festival, with a 1950s/60s aesthetic. As the festival was to be…

Continue ReadingGraphic Design LT 3.3 – Designing a Film Festival Poster

Graphic Design LT 3.2 – The Anatomy of Type

  • Post author:Admin
  • Post published:16 August 2022

In this lesson task, we had to make a visualization of the anatomy of type.

Continue ReadingGraphic Design LT 3.2 – The Anatomy of Type

Graphic Design LT 3.1 – Expressing Meaning

  • Post author:Admin
  • Post published:16 August 2022

For this task we were asked to make compositions out of three different words, amplifying their meaning through typographic choices. CRAMFor the word cram the first thing that came to mind was to “cram” the word into the page. That meant…

Continue ReadingGraphic Design LT 3.1 – Expressing Meaning

Graphic Design LT 2.3 – History of Graphic Design

  • Post author:Admin
  • Post published:16 August 2022

Five key events from the past century that have impacted modern graphic design. 1919 - BauhausIn 1919, the first Bauhaus art school opens in Weimar, Germany. The Bauhaus design style, which became famous for its unique aesthetic that combines the fine…

Continue ReadingGraphic Design LT 2.3 – History of Graphic Design

Graphic Design LT 2.2 – Collaboration (Whisk)

  • Post author:Admin
  • Post published:16 August 2022

For this task we had to come up with an idea for a new product, based on a whisk. I was teamed up with my classmate Julie Lien to do this. We decided to start off by drawing sketches of our…

Continue ReadingGraphic Design LT 2.2 – Collaboration (Whisk)

Graphic Design LT 2.1 – Scamps

  • Post author:Admin
  • Post published:15 August 2022

For this lesson task we had to design a packaging for a product called Easy Squeezy — a fruit juice with apple, grapefruit and pineapple flavour. To generate ideas for the label design, we were encouraged to draw at least 15…

Continue ReadingGraphic Design LT 2.1 – Scamps

Graphic Design LT 1.3 – SCAMPER Packaging

  • Post author:Admin
  • Post published:15 August 2022

For this task I had to design a new kind of packaging for a light bulb, using the SCAMPER-method. Substitute somethingCombine it with something elseAdapt something to itModify or Magnify itPut to other usesEliminate somethingReverse or Rearrange it I used parts of the…

Continue ReadingGraphic Design LT 1.3 – SCAMPER Packaging

Graphic Design LT 1.2 – Ideation

  • Post author:Admin
  • Post published:15 August 2022

For this task I was to research different ideation techniques and write about three that I have used before or would like to try in the future. STORYBOARDINGStoryboarding is a technique I've used a lot for moviemaking in my previous education,…

Continue ReadingGraphic Design LT 1.2 – Ideation

Graphic Design LT 1.1 – Lateral Thinking

  • Post author:Admin
  • Post published:15 August 2022

For this task I was to look at some images and guess what they were communicating. These are my guesses: "Spin the Bottle" "Mixed Emotions" "Breakfast" "An Inside Job" "Undercover Cop" "Seven Seas" "Two Steps Forward, One Step Back" 7 Sheep…

Continue ReadingGraphic Design LT 1.1 – Lateral Thinking

Intro LT 1.3 – Moodle Profile & Intro LT 1.4 – Forum Presentation

  • Post author:Admin
  • Post published:15 August 2022

My updated Moodle Profile My forum presentation

Continue ReadingIntro LT 1.3 – Moodle Profile & Intro LT 1.4 – Forum Presentation

Intro LT 1.2 – Moodle Illustration

  • Post author:Admin
  • Post published:15 August 2022

This is my depiction of Moodle after the first few days.

Continue ReadingIntro LT 1.2 – Moodle Illustration

Intro LT 1.1 – The Journey Here

  • Post author:Admin
  • Post published:12 August 2022

Hello! My name is Johannes. I'm from Ålesund, but have been living in Oslo for the last five years. I currently finished a bachelor's degree in Media & Communication - and during this education I got really interested in Graphic Design…

Continue ReadingIntro LT 1.1 – The Journey Here
Johannes Eliassen Copyright Ⓒ 2022