professional practices 02. portfolios +...

42
PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work like you know what you’re doing.

Upload: others

Post on 17-Jun-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

PROFESSIONAL PRACTICES

02. PORTFOLIOS +CASE STUDIESor, presenting your work like you know what you’re doing.

Page 2: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Make it easy to update.

Page 3: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work
Page 4: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

It should only take 5 seconds tofind what they are looking for.

Page 5: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work
Page 6: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Unless you are planning on blowing them away with a unique experience.

(which I highly recommend)

Page 7: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

The difference between a good and bad portfolio is usually project photography.

Page 8: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Quality

Quantity

Page 9: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Label your work.

Page 10: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

01 Problem. Assignment. Client

02 Role. Team.

03 Methodology. Process.

04 Approach. Solution.

Page 11: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Keep a consistent format.

Page 12: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Don’t include personal art or photography.(just make a separate site for it)

Page 13: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

No sexual or offensive work.

Page 14: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Tailor your portfolio to the companies you are applying for.

Page 15: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Proofread.

Page 16: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Stand out.

Page 17: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

CASE STUDY

Clarifies the complex choices designers have to make and explain their thinking behind both UX and visual decisions.

Case studies document and communicate that knowledge clearly, helping our design community to develop a more empathetic, human-centered way of speaking about our process of design.

Page 18: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

A good case study is not about seduction and visuals, its about how you apply your expertise to projects and the metrics your use to validate your results.

Page 19: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

WRITING A CASE STUDY

Page 20: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

BACKGROUND

A brief introduction of the project including the problem and the client you worked with.

TEAM was this a team project? who else did you work with?

CONTRIBUTIONS what were your specific contributions to the end result?

TIMELINE how long did this project take, from start to finish?

Page 21: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

TASK (PROBLEM)

What problem did you set out to tackle?

Page 22: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

CONCEPT (SOLUTION)

What was your proposed solution? This includes how you approached the problem, your strategy, etc.

Page 23: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

PROCESS

What steps did you take to reach the final product?

Page 24: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

BRAINSTORMING What were your methods of brainstorming concepts, ideas, and visual designs? Sketching, sticky notes, group ideations, whiteboard sessions, etc.

Page 25: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

RESEARCH What kind of research did you conduct to immerse yourself in the project? Surveys, contextual research, competitor research, gathering of statistics/data, etc.

Page 26: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

TARGET AUDIENCE Who is your target audience? How was it determined?

Page 27: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

CONCEPT EVOLUTION What were other concepts or ideas you explored? Why did you choose the concept that you did?

Page 28: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

VISUAL DESIGN What were the other design directions you explored? Show sketches, wireframes, and preliminary visual designs.

Page 29: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

DEVELOPMENT How was the final product implemented? Was the website developed/ coded? Was the packaging implemented or was a prototype made?

Page 30: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

OUTCOME

What was the end result?

CHALLENGES

What were the challenges you had to overcome?

REFLECTION

What did you learn from completing this project?

Page 31: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Stating both borad and concrete goals keeps the focus on problem solving.

Page 32: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

TIP

Define your broad project goal early in the case study, with a focus on larger issues like, community, the environment, or empowerment.

Page 33: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Focus on process before artifact.

Page 34: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

TIP

Illustrate your design process to the reader with simple steps.

Show photographs of your team working collaboratively.

Page 35: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Show research in clear, process-oriented chunks.

Page 36: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work
Page 37: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Explain the use of modular designs.

Page 38: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work
Page 39: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

TIP

Use animations or GIFs to show different states of conditions of the modular elemens.

Page 40: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

List any critical lessons learned.

Page 41: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

Define the quality of the experience.

Page 42: PROFESSIONAL PRACTICES 02. PORTFOLIOS + …faculty.wwu.edu/schadeb/dsgn385/website/images/Portfolio...PROFESSIONAL PRACTICES 02. PORTFOLIOS + CASE STUDIES or, presenting your work

TIP

Use analytics and metrics that connect to your project’s original goals.

List quotes and testimonials.