Your SlideShare is downloading. ×
  • Like
  • Save
Websg Presentation 02
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Websg Presentation 02

  • 1,041 views
Published

 

Published in Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,041
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide



























































Transcript

  • 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
  • 12. SINGAPORE
  • 13. Digital media demands more of design, but also opens up for new possibilities.
  • 14. Basic principles for digital interactive design
  • 15. Basic principles for digital interactive design 1. People want to find information fast.
  • 16. Basic principles for digital interactive design 1. People want to find information fast. Structure and grids Consistent colors & typography Contrast and white space
  • 17. Basic principles for digital interactive design 1. People want to find information fast. 2. Am I in the right place?
  • 18. 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
  • 19. Case Eurocard Eurocard by Invitation
  • 20. Case Eurocard Eurocard by Invitation
  • 21. 4+1 tips for organisations designing a new website
  • 22. O.01 Ask yourself why you are designing a new website.
  • 23. O.02 Approach it as a communications project, not as a new technical platform.
  • 24. O.03 Use consistent design throughout all your existing platforms. A good foundation lasts longer.
  • 25. O.04 The work doesn’t stop at delivery. Develop a toolkit.
  • 26. 4+1 tips for web designers
  • 27. W.01 Create a good visual framework. Remember hierarchal contrast and information structure.
  • 28. W.02 When you get stuck - start over.
  • 29. W.03 Remember to play!
  • 30. W.04 Don’t be afraid to use new technology, but use it sparingly.
  • 31. W.05 + O.05 Listen to each other.
  • 32. Questions? jussi@supershapes.com www.supershapes.com twitter.com/facit