1. Web Design
WebSG
31 March 2010
28 YAN KIT ROAD Telephone +65 9188 05 06 Supershapes is a communication centered and process driven strategic design studio.
#07-05 E-Mail singapore@supershapes.com
088271 SINGAPORE Web www.supershapes.com

2. My name is
Jussi Edlund

3. I’m from a company called
Supershapes

4. Supershapes is a
Strategic Design Studio

5. Supershapes is a
Strategic Design Studio
and we focus on
Brand Identity Design
Information Design
Interactive Design

6. What’s the difference
between traditional design
and digital, interactive design?

7. What’s the difference
between traditional design
and digital, interactive design?
Is there any?

8. What’s the difference between traditional design
and digital, interactive design?
Sound, video, animations
Multiple dimensions
Technical complexity
Interaction
Measurable results
Instant feedback
Constantly evolving media

9. Besides basic design
knowledge, what other skills
are needed?

10. Besides basic design knowledge, what other
knowledge is needed?
Interaction design
Information design
Non-linear thinking
Basic technical knowledge

11. Digital media demands more
of design

14. SINGAPORE

15. Digital media demands more
of design, but also opens up
for new possibilities.

18. Basic principles for
digital interactive design

19. Basic principles for
digital interactive design
1. People want to find information fast.

22. Basic principles for
digital interactive design
1. People want to find information fast.
Structure and grids
Consistent colors & typography
Contrast and white space

25. Basic principles for
digital interactive design
1. People want to find information fast.
2. Am I in the right place?

26. Basic principles for
digital interactive design
1. People want to find information fast.
2. Am I in the right place?
Visual brand recognition
Consistency between communication channels
New platforms don’t necessarily mean a whole new design

31. Case
Eurocard
Eurocard by Invitation

41. Case
Eurocard
Eurocard by Invitation

47. 4+1 tips
for organisations
designing a new website

48. O.01
Ask yourself why you are designing a
new website.

49. O.02
Approach it as a communications project,
not as a new technical platform.

50. O.03
Use consistent design throughout all your
existing platforms.
A good foundation lasts longer.

51. O.04
The work doesn’t stop at delivery.
Develop a toolkit.

52. 4+1 tips
for web designers

53. W.01
Create a good visual framework.
Remember hierarchal contrast and
information structure.

54. W.02
When you get stuck - start over.

55. W.03
Remember to play!

56. W.04
Don’t be afraid to use new technology, but
use it sparingly.

57. W.05 + O.05
Listen to each other.

58. Questions?
jussi@supershapes.com
www.supershapes.com
twitter.com/facit