master portfolio

CALLIOPE SAVVAKI

PORTFOLIO

Industrial Design| Interaction Design | ++

Industrial Design

Description Every day is different and so are the people

needs and activities. This alarm clock is

designed taking in mind the daily

differences of a weekly program. Every

cylinder represents a day so as to make it

easy to set different waking time or memos

for each day and have instant awareness of

your weekly program with a quick glance.

About

Industrial Design course-[Studio V] 2010

+Professors involved:[Scourboutis Eugene/Fotiadis

Sergios/Dramitinos Panayiotis]

Group Antoniades Alexandros

Fillipidou Elpiniki-Anastasia

Savvaki Kalliopi

7 dayz alarm clock

*We worked together as a team through all the stages of this project though this presentation including the model is my own work for the sake of clarity for my portfolio

To make it easy to carry it around

several rooms. You can hook it up

several furniture

back-clip Led screen

buttons

days

Each cylinder represents a

day of the week and is used

as time setter.

cylinders

Mon|Tue|Wen|Thu|Fri|Sat|Sun

The optical

sensor

recognizes

the depth

in which the

cylinder is

pushed into

the wooden

part and

translates

it to time

7 dayz alarm clock/details

7 dayz alarm clock/research

Persona

Roger is a student that works part-time in

a bar. He has quite neglecting his courses

because he cannot wake up on time or he

forgets to set different waking up time

for each day. He would love an alarm clock

that would help him keep up with his

courses and gradually adjust to a new way

of living.

user ideas

Summary

This project’s main goal was to enable the user to

better plan his weekly program and waking-up time. In

our proposal we aimed to better visualize the waking-

up hour of each day of the week allowing the user to

gain consciousness about his sleeping disorders and

his weekly program in a pleasant both in form and

function alarm clock. The goal is achieved by an

intriguing way of interaction with respect to the

user habits avoiding to stress him up. The idea was

inspired by the diaries considering those wall

diaries that we use to constantly remind us what we

have to do and gaining an idea and after the

organization process a control of our workload.

Process

Research

[interviews-scenarios]

Concepts

[brainstorming-ideation-market research]

Final

[evaluation-function analysis]

Description

Today's society with its modern lifestyle

requires a person's continuous effort to be

productive. In order to keep up with a 24/7

working week, individuals strive to use time

spent walking on the street in thinking

creatively and searching for inspiration. Thus,

the need of instantly noting thoughts arises.

About

Submission for BraunPrize Competiton 2012

Curated in Designlab Athens Exhibition 2012

Industrial Design course-[Studio VII] 2012


Sergios/Dramitinos Panayiotis/Papadopoulos Danos]

Group

Koukia Eyfrosini

Savvaki Kalliopi

instant memory

Inspiration

Self organization

Thinking

Personal time

Noise

Hard to focus

Traffic jam

Work load

How can we assist people to work at public transportation or on the street?

I always have a pen and 2

sheets of paper with me

I note down my ideas and

then I type them to my

computer

When I don’t I can only

remember random ideas.

remember their ideas

Insight

instant memory/brief conclusion

Stack of notes that you never look back

jot down

A way to capture ides, questions, tasks

Usually originated by an info source at random time and space

Informal and unstructured

The main focus is not the organization but to record the thought ASAP

instant memory/Problem and Solution

mental cache

The part of the brain where ideas are temporary stored

It allows the synchronous heard of 2-3 info sources, their synthesis and conclusions

mental cache

ideas

inspiration

Lost info

WHAT?

Ideas

Lists

Schedule

Sketches

landmarks

WHY?

fantasy

Creativity

innovation

storytelling

inspiration

HOW?

Instant writing

Instant recording

Mind mapping

sketch

To do list

input output

COMMON TOOLS TECHNOLOGICAL TOOLS

instant memory/market research

APPLICATION TOOLS

Summary

This digital device presents a new way for quickly

jotting down everyday thoughts. By using paper-

like screen (e-ink display) this device renders the

digitalization of thoughts simple in every way.

Because when an idea hits you most important is to

capture it as soon as possible rather than organizing

it. Information can then be transferred and organized

on the computer.

Process

Research

[interviews-observation-bibliography]

Concepts


Final

[Prototype-evaluation-function analysis]

instant memory/progress

zoom in/out low res e-ink display

telescopic stylus

Data transfer stylus holder

rubber

microphone

XL buttons

Easily accessible at

any time XL buttons

for the basic and

only functions they

make quick jotting

down reality.

Back to the

basics since

when the idea

hits you have

to be quick and

the important

is to note it…

Easy to put-doff the

pen instantly and

prevent from loosing

it

…rather than

how complete

you did it.

instant memory/details

Description

This project was accomplished during a 2 week long

course. The brief we got was to design a way to

assist people relaxing. The target group were

people at parks. We went to parks and observed

people reading, we interviewed them and designed 3

concepts. We evaluated our concept again by

interviewing people. We worked as a team at all the

stages and there was no computer use. The technical

drawings are a copy of the originals that I made in

computer for the sake of clarity.

About

Product Design-CSM Summer School 2011

+Professors involved: Magnus Long

Group

Rattapol Anuchitanukul

Savvaki Kalliopi

Re-leaf bench

Re-leaf bench/progress

Observation of thoughtless acts

Games Parks and

relaxation

Out of office

entertainment

concepts

evaluation

Re-leaf bench/specifications

What we identified is the several seating

position that people adopt for several

activities an the question of what could we

do to enhance the comfort on parks and lead

people to visit the parks more often

Dimensions

-ergonomy

1:10/1:1 scale model

Half wooden and half of grass to comfort both

those who prefer relaxing on bench

or on grass

Re-leaf bench/summing up

Summary

This bench allows the user it the organic shape

harmonizes with the natural environment of the park

while it allows the people on the bench to use it

several seating positions and for several activities.

The combination of wood and grass

Process

Research

[interviews-observation]

Concepts

[brainstorming-ideation-evaluation]

Final

[ergonomics-Prototype-feasibility-evaluation]

About

Industrial Design course-[Studio V] 2010

+Professors involved:[Scourboutis

Eugene/Fotiadis Sergios/Dramitinos

Panayiotis]

Group

Antoniades Alexandros


Savvaki Kalliopi

Description

This was our first ever design project. Main

idea was to create a lemon squeezer for

everyday use. Our primary focus was to make a

lemon squeezer a useful tool for several times

and activities of the day, by giving control of

the flow. We worked together as a group through

the research and design process the 3d model,

render and this presentation was made by me

and the clay prototype by Alexandros.

rous

Rous/details

There are several output edges

that you can choose from

according to the quantity of

juice that you need

Output edges Bottom view Perspective view

a discreet dent that is

used as a grip providing

comfort and indicating the

flow of the movement as you

can simply rotate the

You just rotate and

drop the juice with

a simple sequential

move

Protective cover to

separate the lemon

seeds from the juice.

This can be

disassembled for easy

cleaning

strainer

Egg shape

Egg shaped body to

enhance the

rotation as a way

to drop the juice

SUMMARY

This lemon squeezer is simple in any way but well

designed to detail to make the difference in an

everyday activity. Cheap yet elegant object that

functional in any way. The focus of this project

had been the way of interaction researching the

flow of the movement during a very common

process. The user can drop the desired amount of

lemon juice with a single sequential move. Easy

as a user centered product should be.

PROCESS

Research

[scenarios-task analysis]

Concepts


Final

[evaluation-Prototype]

Rous/research

Description

The school environment seems to be far too old-

school unlike the progress of technology in

every aspect of modern life and it doesn’t serve

the needs of modern educational approaches. The

necessity of improvement is more than obvious

and technology integration can play a leading

role to the educational enhancement while making

it more fun. Identifying the central role of the desk in the classroom our forces focused on

designing a desk for the future classroom . The

goal was to create a desk that we could envision

in the current educational process rather than a

futuristic out of reality desk.

About

[ICS FORTH/ HCI/ Ami Lab]

This project started with my internship at ICS

FORTH witch continues until now that the project is

under actual construction.

Featured as a smart product of the future classroom

at the amI Lab

Professors involved:[Kiriakoulakos panagiotis]

Savvaki Κalliopi

amI desk

amI desk/user

Ages 6-18 Tasks and computers Cognitive development

wide body and age range

Half their day’s in school

Personal and collaborative

abilities

Technology usage familiarization Educational motives

Building knowledge

amI desk/context

Modern education

• Functional and flexible spaces

• Innovative technologies

escalate practice from theory

• Classroom can adapt to several

teaching scenarios

YESTERDAY

• School-factories

• Layout to enhance the teacher

centered lesson

TODAY

• Co-operation and sociability

• Teacher and student together

• Classrooms do not resemble

today’s values

TOMMOROW

• Flexible furniture to follow

the teaching flow

• Technology to enhance cognitive

process and motivate.

6 Educational spaces

Privacy

Collaboration

publication

Action-reaction

participation

observation

amI desk/object

Desk

both personal and public

Flexible

Comfortable

ergonomic

Keeping in mind today’s

“small” classrooms

Desk enhance layout and

classroom organization

Able to accommodate the

changing nature of technology

21st century education

[design]

[state of art technology]

Summary

At the end of the day what we managed to do

is an ambient intelligence desk with that

attractive aesthetics overcame the obstacles

of technology integration in terms of sizes

and design. Through a great deal of

simplifications from the very first concept

the final result was this desk easy to use

and approachable in terms of cost for the

classrooms of both private and public

schools. Within practical limitations we

managed to create a high tech but at the

same time easily introduced in the classroom

of today with great aspect to the classroom

of tomorrow

Process

Research

[interviews-observation-bibliography]

Concepts


Final

[Prototype-evaluation-function analysis]

amI desk/progress

amI desk/details

details storage

Reverse screen xtion

The screen can adjust to

a great range of angles

according to the purpose

of the use. [touchscreen

table, angled painting

surface, display…]

Computer frame

The storage space at the

bottom of the screen is

suitable for 4 book average

• The on/off button

• An arm detail with 2

parallel joints

• The rotating grip

The fully rotated screen

leaves a clehar desk surface

that can be used for the

paper based classroom

activities

An x-tion is used in the

appropriate distance[on

the top of the cork board]

to allow augmented reality

applications of the

software part of the desk

Description

The brief was to create an industrial product

with the use of shape memory alloys.

Because of the behavior that this materials

shows in the temperature transition there was an

exploration in several aspects that this

behavior could be useful which transformed the

brief into the design of a shading system using

shape memory alloys since it seemed incredibly

inspiring to advantage from the material

behavior and the harmony between the sun and the

temperature transition .

About

Industrial Design course Studio VIII[2012]

Featured lecture at dpsd beyond [smart materials

into design process]


Sergios/Dramitinos Panayiotis/Papadopoulos

Danos/Zaharopulos Nikolaos]

Group

Savvaki Kalliopi

*This was a project that I undertook alone and

the brief was self initiated

Shape memory alloys

A single module

The origami module of a simple

square is used in repetition

creating a shading surface.

Through the modular pattern

achieved the uniformity of

shadow is guaranteed.

The repetitive pattern Several usage proposals

The module uses sma to fold

or unfold allowing or not

the light to penetrate

through the modular surface.

The transition is in harmony

with the temperature

transition

Acknowledging the nature of this

project, several proposals were made

for the product’s target group. The

range of the applications that it

offers, enhances the success of the

use of sma’s in shading systems.

window Kid’s room

Shape memory alloys/details

p r o p e r t i e s b e h a v i o r

f u n c t i o n

Summary

A different design approach was adopted due

to the different nature of this project.

Specifically there was a shift of the axes

of the classic triptych //[user-context-

object] that has use in design to the

[properties-behavior under some context and

the search of functions that the object

could serve by its behavior.// The outcome

was strongly inspired by the transitive

nature of origami and how the shape

transformation can function correspondingly

with sma transition

Process

Research

[material function-material behaviour-

translation to the physical world]

Concepts


Final

[Prototype-evaluation-editions]

dfa ticket vending machine

Description

The design of a ticket vending machine that

would be easily used by all people regardless

their physical abilities. Hundreds of people

use metro daily, however lots of them are

excluded due to their special characteristics.

Statistically the amount of people excluded is

not at all negligible.

It seems of great importance to understand how

this popular transportation medium should be

accessible by anyone in equivalent, without

distinctions.

Thus the need of an accessible for all ticket

vending machine raises

About

Design for all course [2011]

+Professors involved:Darzentas Jenny

Group


Gkeli Eirini

Koukia Eyfrosini

Savvaki Kalliopi

Trakakis Hristos

Blind guiding path

Drawer to

temporary lye

things on

speaker mirror

Dividers for safety

and privacy

dfa ticket vending machine Additional light

Braille platform

sequential levels

Level arrangement of

individual functional

elements easy to locate and

navigate through touch.

Functions grouped together

[coin input by throwing,

bill input by sliding,

ticket output indicated by

sound and light and braille

platform] .

The braille platform is

used to enable basic

typing entries and as a

navigator. This system

was adopted as a

familiar system for the

blind yet enabling them

to use the maximum

potential of the vending

machine

Screen

height

range

Wheelchair access

mirror

Extra light on the top

of the screen for

clarity and suitability

for people suffering

from photosensitive

epilepsy


Target group

People with full mental and physical capacity

Disabled •vision

•hearing

•mental

•mobility

•Learning difficulty

Special

categories

•elderly

•tourists

•children

Process

Proposal evaluation [based on 7 DFA principles]

Final design proposal

Scenarios

Final design decisions

Brainstorming

Evaluation [based on 7 DFA principles]

Problematic area

Interface evaluation [based on interaction]

Recording problems

target group analysis

Interaction Design


The navigation is categorized in an

arbore scent menu. The starting point is

a subdivision between the basic functions

of the vending machine, the ticket

issuance menu and the info menu.

The color choices are suitable for color

blindness and safe screen colors, while

contrasts are enhanced for shape

recognition.

The entry screen extends to the whole

screen and will reveal the home screen

at the height that the user will press

to.


ticket issuance menu

Every user choice is zoomed while the

other choices are hypo-pigmented.

Different type of tickets are distinct

by color.

At any point the user can go back

pressing one of the hypo-pigmented

buttons. The user also can cancel and

begin again from the starting

page[x],view the additional info for

every choice[?] and continue in English.

At both this and the info menu the

process progress offers linear sequence,

clear guidance and complete illustration

of the previous step to serve

remembrance instead of recall.


Info menu

There is an obvious cohesion at all the

pages through layout, color and

function.

On the info menu several additional

features are offered. The user can type

and search available options to reach

his destination through an on screen

keyboard. For the blind, typing is done

through the braille system and info are

offered through the speaker.

For tourist and visitors there is a

complete tourist guide for town info

monuments places etc. as well as several

info about public transportation

including schedule and strikes.

Description

Le sage is a multimedia conceptual dictionary

that functions chained connections with words-

phrases. This application allows the user to

navigate through several meanings in order to

interpret them. This is achieved on a first

level through the correlations between the

words but further multimedia info are available

to enrich the interpretation.

About

Multimedia course[2012]

+Professors involved:[Kyriakoulakos

Pangiotis/Kiratzi Sofia]

group

Koukia Eyfrosini

Savvaki Kalliopi

Le sage/ Multimedia dictionary


VISUAL AMBIENCE

Color: teal

[mild, the eye can easily adapt to]

Fonts:

Extended texts-Courier new

Enhance readability

Adapt to the application aesthetics

Logo- Westminster

Eye-catching graphical character

Other elements:

Bright frame

Enhance uniformity and clarity of

information.

Generally minimal elements to simplify the

use.

index function

navigation through several entries

index tap icons to navigate through letters


*Anyone can be able to discover words though a

search function would seem more useful in an

extended version

about & history button

at all points the these buttons are visible

History offers you a complete path of your

actions from the moment you opened the

application and the data are re-seted when

you re-open it

About was presented in the previous page

and explains the way of use and function of

the application

The relation screen offers relative

concepts for each word-phrase. The

relations can be at most 5.

The big blue ball indicates the central

word-phrase and the pink smaller balls are

relative in concept to the central. The

yellow ball offers the user the ability to

add or delete relation.

Way of use

Every time a pink ball is selected it

becomes the central word changing its

color to blue.

When the central word is selected

additional info are presented with several

media.

Info presentation

Info are presented via video, image

gallery, text and sound. The layout is

presented in the image on the left

retaining the bright frame and the

uniformity of the application


Main function

Photography/ sketches

photography

/colour photography/

/b&w photography/

Body and skin symmetry

Concept sketches

Thank you :)

master portfolio

Documents

different waking time

time setter

function alarm clock

weekly program

dayz alarm clockdetails

personal time noise

time spent walking

user habits