Studies
Admissions
The Institute
Resources
Studies
Admissions
The Institute
Resources
Studies
Admissions
The Institute
Resources

ID109

Design Foundations I - Design Deliverables

Barcelona Campus
Apr 10, 2023 - Apr 28, 2023
This module is created to empower students with the necessary practical skills to make a lasting impression on future clients by mastering Figma.
Barcelona Campus
Apr 10, 2023 - Apr 28, 2023
Elpida Tatidou

Faculty

Elpida Tatidou

Co-Founder at Marcelpida - Product Studio

Course length

3 weeks

Duration

3 hours
per day

Total hours

45 hours

Credits

4 ECTS

Language

English

Course type

Offline

Fee for single course

€1500

Fee for degree students

€750

Skills you’ll learn

Designs Built In CodeDesign UI ComponentsDesign LibrariesAtomic Design Principles
OverviewCourse outlineCourse materialsPrerequisitesMethod & grading

Overview

Building components

Focus will lie on the hands-on aspect of the design process, specifically building and delivering UI components

Maintaining structure

The class will emphasize the importance of organizing project files during the design process to ensure clarity for stakeholders such as developers, project managers, and clients.

Engaging the team and stakeholders

Students will present and share their progress daily to build confidence in communicating ideas and owning the process.

Outcome

By the end of this module, you'll have a solid understanding of Figma and how to use it to manage the entire design process from start to finish.

Learning highlights

  • Building complex components in Figma.
  • Building a Design Library in Figma.
  • How to structure their Figma projects.
  • How to present progress.
  • How to manage final presentations.

Course outline

15 classes

Dive into the details of the course and get a sense of what each class will cover.
Monday
Tuesday
Wednesday
Thursday
Friday
Monday
1

Session 1 - Monday

Theme: Intro day

Outline:

  • Module presentation
  • Introductions
  • Figma set-up and tour
  • Exercise 01
  • Demo / Exercise walkthrough
Tuesday
2

Session 2 - Tuesday

Theme: Figma basics l / How to build designs

Outline:

  • Lecture
  • Exercise 02-04
Wednesday
3

Session 3 - Wednesday

Theme: Figma basics ll / Responsive components

Outline:

  • Lecture
  • Exercise 05-06
  • Demos / Exercise walkthrough
Thursday
4

Session 4 - Thursday

Theme: Figma basics ll / Workspace structure

Outline:

  • Lecture
  • Exercise 07
  • Demos / Exercise walkthroughs
Friday
5

Session 5 - Friday

Theme: UI components in Figma / Atomic design

Outline:

  • Lecture
  • Exercise 08-10
  • Demos / Exercise walkthroughs
Monday
6

Session 6 - Monday

Theme: Build an app / Design project brief

Outline:

  • Design brief walkthrough
  • Lecture
  • Creative work
Tuesday
7

Session 7 - Tuesday

Theme: Work day

Outline:

  • Daily stand-up
  • Creative work
Wednesday
8

Session 8 - Wednesday

Theme: Work day

Outline:

  • Daily stand-up
  • Creative work
Thursday
9

Session 9 - Thursday

Theme: Work day

Outline:

  • Daily stand-up
  • Creative work
Friday
10

Session 10 - Friday

Theme: Presentations - progress walkthroughs

Outline:

  • Creative work
  • Demos / Progress walkthrough
Monday
11

Session 11- Monday

Theme: Work day

Outline:

  • Daily stand-up
  • Creative work
Tuesday
12

Session 12 - Tuesday

Theme: Work day

Outline:

  • Daily stand-up
  • Creative work
Wednesday
13

Session 13 - Wednesday

Theme: Work day

Outline:

  • Daily stand-up
  • Creative work
Thursday
14

Session 14 - Thursday

Theme: Presentation / finals

Outline:

  • Final presentations
  • Feedback
Friday
15

Session 15 - Friday

Theme: Presentation / finals

Outline:

  • Final presentation

Course materials

Media

Prerequisites

No skills required, expect interest in working with design deliverables.

Methodology

Week 01

The classes will cover the fundamentals of building components in Figma, including structure and showcasing designs. There will be:

Daily Lectures

Daily Exercises

Progress Demo’s

Weeks 02 & 03

aim to provide an experience that mimics the tech work environment. Students will have the freedom to work on building and producing components and will receive feedback from classmates through daily progress sharing. This approach creates a collaborative learning atmosphere where students can apply their skills and develop their abilities in a realistic setting.

02 Week

Work on Design project

Daily Stand-ups

Weekly Progress Demo’s

03 Week

Work on Design project

Daily Stand-ups

Final Presentations

Grading

The final grade will be composed of the following criteria:
20% - Engagement
10% - Exercises
30% - Progress Demos
40% - Final Project
Elpida Tatidou

Faculty

Elpida Tatidou

Co-Founder at Marcelpida - Product Studio

As a highly motivated product designer, Elpida specializes in design systems, product development, and brand identity creation. Her passion for creativity, communication, and structure inspires those around her to build exceptional products.

Elpida began her career by founding Banki, which became her greatest failed & learned experience. Despite launching properly, Banki was quickly recognized by the fintech start-up community for its mission to teach children financial literacy and its strong brand identity.

See full profile

Apply for this course

Snap up your chance to enroll before all spaces fill up.

Design Foundations I - Design Deliverables

by Elpida Tatidou

Total hours

45 Hours

Dates

Apr 10 - Apr 28, 2023

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.