ID408
Layouts and Organising Information. Creating a Foundation for your Design
Faculty
Anton Repponen
Co-Founder of Anton & Irene
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
We will look into all aspects of designing layouts for interactive experiences. Layouts and grids are a designer’s basic tools for creating a space of any kind. We will explore all the variables of the layout—typographical elements, illustrations, graphics, photographs, interactive elements and user experience; and various ways in which all the elements are to be combined and how they all come together in one unified experience. During this course we will learn how to ideate, create and design layouts for large scale interactive systems as well as for very specific, small and niche projects, understand visual weights, content structure and composition.
Over this course, students will explore the relationship between designing layout and organising information. In a series of hands-on, studio-based, group exercises, students will gain exposure to critical parts of the design process while learning specific methods for development grids and layouts. The course will culminate in a final project that incorporates major principles of organising information.
Learning highlights
- Where do layouts come from? History of layouts in book and magazine publishing
- Translating layouts into interactive experiences
- Understanding and building grids and modular systems
- Designing for various screens users might interact withDesigning for various screens users might interact with
- Concepting and creating ideas for interactive layouts
- Understanding interactions and how to design interactive experiences for the end user
- Understanding art direction and visual design and its influence on design
- Understanding visual weights, content structure and composition
- Creating layouts for large scale interactive experiences as well as smaller and experimental experiences
- At the end of the course, students must understand the basic principles of organising information and understand how different information can be communicated to the end user. Student should be able to apply new knowledge and design interactive layouts.
Course outline
15 classes
Session 1
Introduction organizing information and layouts. Brief walkthrough.
Session 2
Typography in digital. Start of the practical hands-on assignment.
Session 3
Types of information in layouts. How do people tell stories with typography, images, video, infographics, schemes. Part 1.
Session 4
Types of information in layouts. How do people tell stories with typography, images, video, infographics, schemes. Part 2.
Session 5
Invisible lines. Where grids come from and how designers might use them. Overview of Grid systems. Part 1
Session 6
Invisible lines. Where grids come from and how designers might use them. Overview of Grid systems. Part 2
Session 7
Design direction and visual design Part 1. Working with brands and understanding brand guidelines. Creating visual language. Dynamic layouts vs Custom layouts.
Session 8
Design direction and visual design Part 2. Function vs Beauty. Objective design vs Subjective design. Motion in design.
Session 9
Making information adapt. Responsive and Mobile layouts.
Session 10
Interaction models and design frameworks. How do people find information?
Session 11
Managing content. Designing for constant evolvement.
Session 12
Ways of prototyping and presenting.
Session 13
Organize your work or “Untitled Layer #588”
Session 14
Last day before presentations. Check ins and last minute updates.
Session 15
Final presentation. Students present their final result after working on assignment for two weeks.
Course materials
Books
Prerequisites
Required knowledge: Basic level of interaction design, Basic level of visual design, Knowledge of design tools (ex Photoshop, Sketch or Illustrator), Basic understanding of Typography, Color, Space.
Methodology
The entire course will go for three weeks and will structured as follows:
Week 1: Theoretical study. Will consist of series of lectures about the principles of organising information and creating layouts.
Week 2: Will start with an assignment brief that will be given to students to work for the next two weeks. This week will continue with theoretical lectures.
Week 3: Final week where students will work on their assignments started in week two and must make and show progress daily. The first 4 days of week three, students will learn by hands-on exercise and getting direct feedback on their progress. Last day will be dedicated to final presentations that students will be graded on.
Grading
Anton is an interactive designer with architecture background currently living and working in New York.
He loves solving problems and creating new visual languages. Anton’s main focus is designing large scale web projects and tools that lots of users will use for a very long time. He’s an advocate for a proper user experience, structured design and extremely detailed execution. Designing projects like that he thinks of a building where everything needs to make perfect sense and where some people will spend their lives.
See full profileApply for this course
Layouts and Organising Information. Creating a Foundation for your Design
by Anton Repponen
Total hours
45 Hours
Dates
Feb 23 - Mar 13, 2026
Fee for single course
€1500
Fee for degree students
€750
How to secure your spot
Complete the form below to kickstart your application
Schedule your Harbour.Space interview
If successful, get ready to join us on campus
FAQ
Will I receive a certificate after completion?
Yes. Upon completion of the course, you will receive a certificate signed by the director of the program your course belonged to.
Do I need a visa?
This depends on your case. Please check with the Spanish or Thai consulate in your country of residence about visa requirements. We will do our part to provide you with the necessary documents, such as the Certificate of Enrollment.
Can I get a discount?
Yes. The easiest way to enroll in a course at a discounted price is to register for multiple courses. Registering for multiple courses will reduce the cost per individual course. Please ask the Admissions Office for more information about the other kinds of discounts we offer and what you can do to receive one.