01

BASIC WEB

In this theme I was introduced to the basic terminology within user interface design, digital communication, user testing, and responsive web design. I have refreshed my skills in html and css coding as well as basics in PhotoShop and Illustrator.

slidebox
slidebox
slidebox
02

BASIC CONTENT

This module included development of video production, as a dramaturgy elements, film language, recording and editing techniques. I was expected to work in several different teams during this theme, so I have gained some experience working in the group as well.

pic
03

BASIC ANIMATION

This theme contained both individual and group productions. The main goal was to create a few interactive animations with an interactive story with focus on the story, a style, character design, animations and interactivity designed for a specific target group. I had to use my skills in sketching, hand drawing and then drawing visual universe and characters in illustrator. I have learned about animation principles which I used later and I had to expand my skills in HTML and CSS as well, because I had to add SVG files and audio elements to the site as well as use advanced selectors, transitions, keyframe animations, querySelector, events & eventListeners and so on. Despite the fact that it was a bit difficult I really enjoyed this theme.

04

BASIC UX

This fourth theme gave me a basic understanding of how interaction between users and user interfaces works, as well as which theories, tools and methods I can use for research, design, testing and production of digital solutions for smartphones so that my work is based on specific insights about actual users instead of my own feelings.

Basic
animation

This theme was the most challenging for me because I knew only a little about animations, drawing characters or Javascript but I liked the results and I wanted to learn more and more. That's why my first assignment "Simple animation" took me more time that I expected but in the end I was proud of my work and besides that experience from this assignment were really important to me as I'm using these skills in illustrator and Javascript until now. During the process of learning I was struggling with many problems but I solved them all by googling and watching videos.
This theme was the most challenging for me because I knew only a little about animations, drawing characters or Javascript but I liked the results and I wanted to learn more and more. That's why my first assignment "Simple animation" took me more time that I expected but in the end I was proud of my work and besides that experience from this assignment were really important to me as I'm using these skills in illustrator and Javascript until now. During the process of learning I was struggling with many problems but I solved them all by googling and watching videos.

Simple animation


animation animation animation animation animation animation animation animation animation

Storytelling


This project required lot of different skills as a fantasy in a creation of a story, skills in Illustrator as well as in coding and all of that with good design thinking. All of that we had to put into the document that included sketched story board and character, backgrounds with character draw in Illustrator, worksheet, narrative curve and so on. At the end we had to code a small part of a story with Javascript and CSS. This part of an assignment was so interesting for me that it become a challenge for me to finish the whole story. It was really big project and it would be a pity for me not to finish it. It took me some time but I’m proud on my work and I’m glad that I decided like I decided because I gained valuable skills in Javascript which I’m using until now. Besides that I improved it by adding few more animations to the story, so I could put it as a project “Simple animation” from previously task.

Interactive animation


animation animation animation animation animation

Project Pool Day 1


animation animation animation

This project was more about practising our skills in Javascript. We did it in pairs by choosing projects from project pool and making them on our own. We decided to make a minigame “Smash the fly” but a bit more funny, interesting and difficult way. First 5 second of the game we put changing fly’s position when you hover on the fly which means you can’t actually smash the fly. However, after 5 seconds it was normal and you was able to do it as in the project pool.

Project Pool Day 2


animation animation animation

Final interactive production


animation animation animation animation animation animation animation animation animation

With improved skills in javascript and story creating, it was time to put my knowledge to use. We formed a group and were given a style, in which we should design our story, which we will later code using javascript and css animations. I was part of design team, so I made most of the illustrations of our character and environment, in the blue note style. I limited the color palette and tried to make everything simple and straight forward.

Screen cast documentation