38
VISUAL DESIGN | MAY 2015 MELISSA SCHAFF

VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

VISUAL DESIGN | MAY 2015 MELISSA SCHAFF

Page 2: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

HOW DO YOU GET PEOPLE TO

APPRECIATE ART?

Page 3: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

USER RESEARCH

Page 4: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

To answer that question, extensive user research was performed.

Interests, goals and painpoints varied depending on baseline art

understanding and appreciation, leading to additional experience

design research and, ultimately, the core features and functionalities of

the app.

PERSONAS

Page 5: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

ART EXPERT & ARTIST

GOES TO 2 MUSEUMS ONCE A MONTH

SPENDS 2 - 3 HOURS VIEWING ART

ON THE LOOKOUT FOR EXHIBITS AND ARTISTS OF INTEREST

ART ZEALOTART ADMIRERART NEOPHYTE

CREATIVE, BUT NO ART HISTORIAN

GOES TO MUSEUMS ONCE A YEAR

SPENDS 1 - 2 HOURS VIEWING ART

KNOWS WHAT ARTISTS HE’S INTERESTED IN VIEWING

ART NOVICE WHO WANTS TO LEARN MORE

GOES TO MUSEUMS ONCE A MONTH

SPENDS 2 - 3 HOURS VIEWING ART

CHECKS OUT INTERESTING EXHIBITS

TYLER AVARADO TRAXX PAYNEEMILY MASON

“I DON’T ALWAYS KNOW WHAT I’M LOOKING AT—

CONTEXT PLEASE”

“POINT ME IN THE DIRECTION OF THE MOST

IMPORTANT ART”

“MUSEUMS DON’T FOCUS ON THE PROCESS OR

THE ARTIST”

Page 6: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

ART SCOUT WAS DESIGNED WITH ART LOVERS AND ART LEARNERS IN MIND TO CREATE A BETTER EXPERIENCE AT MUSEUMS AND WHEN SEARCHING FOR ART.

Page 7: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

Design a tool to help you explore the art world, expanding your

horizons, and building your own [virtual] art collection, whether

you’re museum hopping or taking it easy.

OBJECTIVE

Page 8: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

Create an app that appeals to art lovers and art learners, alike, in

order to have a better experience at museums and when searching

for art through building a better understanding and appreciation

for art, artists and art history.

STRATEGY

Page 9: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

SEARCH ARTISTS, ARTWORKS, AND MUSEUMS.

EXPLORE THE ART WORLD.

COLLECT & CURATE YOUR OWN [VIRTUAL] ART COLLECTIONS.

Page 10: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

COMPETITIVE ANALYSIS & VISUAL SURVEY

Page 11: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

TOLEDO MUSEUM OF ART

THE FIELD MUSEUM

ARTSY

Page 12: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

MOODBOARDS

Page 13: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

THIS MOODBOARD EMBODIES THE ARTIST AND THEIR PERSPECTIVE ON CREATIVITY

Page 14: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

THIS MOODBOARD IS ALL ABOUT LOCATION, LOCATION, LOCATION.

Page 15: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

STYLE GUIDE

Page 16: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

STYLE GUIDE VERSION 1

Page 17: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

STYLE GUIDE VERSION 2

Page 18: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

LOGO ITERATIONS

Page 19: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

ORIGINAL LOGO

Page 20: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

LOGO BRAINSTORMING

Page 21: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

SECOND LOGO

Page 22: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

FINAL LOGO

Page 23: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

COLOR PALATE

Page 24: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS
Page 25: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS
Page 26: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

ICONS

Page 27: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS
Page 28: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS
Page 29: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

MOCKUPS

Page 30: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

ORIGINAL APP DESIGN

Page 31: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

VERSION 2 DESIGN

Page 32: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

RESPONSIVE WIREFRAMES

Page 33: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

LOW FIDELITY / GREY BOX MOCKUPS

Page 34: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

MEDIUM FIDELITY / COLOR APPLIED MOCKUPS

Page 35: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

HIGH FIDELITY DESIGNS

Page 36: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

HIGH FIDELITY MOCKUPS / DESIGNS

Page 37: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS
Page 38: VISUAL DESIGN | MAY 2015 MELISSA SCHAFFres.cloudinary.com/general-assembly-profiles/image/upload/v144958… · MOCKUPS. MEDIUM FIDELITY / COLOR APPLIED MOCKUPS . HIGH FIDELITY DESIGNS

THANK YOU!