"How to create great 1st design for your startup" presentation by Paulius Papreckis, Sr. UI designer at Seriously Inc. during Hub Camp #13

1. How to create great
1st design for your startup.
Paulius Papreckis, Sr. UI designer at Seriously Inc.

3. Education
program II
Design
cycle
I III
Explore Build
IV
Promote

5. “
You know that sound that Humpback Whales
make? That’s what the logo should look like.
* Actual quote from a client.

6. 1
Avoid design by committee.
* Even if your Mom thinks that red color would fit here.

7. Source: theoatmeal.com/comics/design_hell

9. Hours of useless meetings and
endless debates could be replaced
with just a couple hours of testing to see
what users are really doing.

10. Quick
tutorial.
How to create good design for you startup.

18. I spent only
20 min.
It looks good [as a teaser], but it’s far from great design.

24. 2
Your job is to be unique.
* The last thing the world needs is another startup. (Teehan-Lax)

25. Back in
old days
when myspace.com was still dominating…

28. 3
Be prepared to change your mind.
* Just because you did something one way yesterday does
not mean it’s the right way to do something tomorrow.
(Teehan-Lax)

29. dragdis.com

30. teehanlax.com

32. 4
Wireframes? First user stories.
* You don't tend to start wireframes until you've done the work of
understanding your target users, what their goals are…

33. Three main questions
to answer:
Who? What? Why?
* describes what your customer will do and get
while using your application.

37. 5
Think about visual hierarchy.
* Great hierarchy isn’t always achieved by eliminating
complexity, but by managing it (goodgreater).

40. 6
Fit to scale: responsive.
* Web is not fixed width. Means rethinking content creation.
Create once, publish everywhere.

41. Smarthpones expected
worldwide in 2013:
1.82 billion.
* every day more Android phones are activated
than babies are born in world

42. mediaqueri.es

43. Responsive Web Design
• Use the flexible (fluid) grid.
• Think about content hierarchy
• Break up with pixel-perfection.
• Learn by doing.
© Dave Rupert

44. 7
Web fonts are important.
* As web typography improves, web designers want the
same level of control print designers have.

45. Arial
Verdana
Georgia
Comic Sans

49. 8
Colors are important as well.
* designers must understand the meaning of colors
in order to convey certain messages.

50. call to
action
kuler.adobe.com

52. 9
Learn to say no.
* You can’t be great at everything, so pick what you are
great at and say no to everything else. (Teehan-Lax)

53. design as
process
design as
outcome

54. The job of a designer is not self-expression,
it’s problem-solving.

55. Thank you.
Questions?
@PauliusP
paulius.papreckis@gmail.com