sparksf.org redesign - final presentation jan. 22nd, 2014

30

Upload: allison-marie-cooper

Post on 14-May-2015

1.625 views

Category:

Design


1 download

DESCRIPTION

Stephanie Lee and Allison Cooper's mockups for the user experience redesign of sparksf.org, presented to the General Assembly User Experience Design Immersive class on January 22nd, 2014

TRANSCRIPT

Page 1: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014
Page 2: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPERproject brief

+ the largest network of Millennial philanthropists in the world

+ crowd-sources donations, pro bono services, and connections

for investment in grassroots women's organizations both

locally and globally

+ fresh perspective on first run experience for new users and on-boarding

+ target devices: website or tablet

background

challenge

Page 3: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPERproject challenges

+ nav scheme not intuitive for new users+ does not reflect dynamism of Spark+ login purpose is unclear

Page 4: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPERproject challenges

+ top nav could be clearer+ member benefits and levels don’t link well

Page 5: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

target users PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPER

Sparksf.org is an online portal for Sparkmembers, grantees, partners, sponsors, and anyone interested

in joining or participating in the organization.

Page 6: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

goals PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPER

The new Spark website features a strong sense

of the mission and cause with featured

personal stories, a clear call to action with various simple ways to get involved as a

member or event attendee, and a dynamic

feel that appeals to both genders.

Page 7: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPER(:(01.13.13competitive analysis

Page 8: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPER : 01.13.13competitive analysis

DYNAMIC; EMOTIONAL TIE

CLEAR SENSE OF THE MISSION/ORG

STRONG PRESENTATION OF VALUES & IMPACT

Page 9: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPER : 01.13.13competitive analysis

INCORPORATION OF NEWS AND SOCIAL

DYNAMIC

SOCIAL MEDIA FEED

Page 10: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

survey

Page 11: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPERsurvey results

30% found Spark online

70%heard about Spark

through friend orat an event

Page 12: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPERsurvey results

said the cause was an important motivator for joining and/or staying a member

100%

Page 13: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPERmember survey

why spark?

cause

“Liked'the'idea'of'empowering'women's'organizations...”'

“I've'been'lookingfor'a'compelling'women's'organization'where'I'felt'I'could'contribute...”

“The'women'that'I've'met'and'the'grantees'that'we've'worked'with....(motivate'me'to'stay'involved)”

leadershipopportunity“Spark'offered'an'opportunity'to'improve'skills'I'could'use'professionally,'while'helping'women'at'the'same'time.”

community

“'I'also'really'like'the'opportunity'to'network'and'meet'interesting'new'people.”

“'The'mixture'of'social'and'intellectual'women.'It'went'beyond'the'simple'social'women's'group.”

Page 14: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPERbrand attributes

igniting change

dynamic

member driven

empowering

authentic

leadership

Page 15: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

sf.orgideation & prototyping

Page 16: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPERideation

Page 17: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPERpersonas

anna the super member���38, single���college educated���exec. assistant at Salesforce

SPARK(INVOLVEMENT

����has been a Spark member for 3 years���her main reason for joining was because she is passionate about women’s issues and wanted to contribute����participates in board meetings and most of all events

TECH(&(SOCIAL(LIFE

����always on the computer or iphone����active on Linkedin����busy in her professional social life, often attends work happy hour and other local events such as book club

“One%time,%my%co-workers%

and%I%poll%our%remaining%

FSA%money%and%used%it%to%

purchase%$300%worth%of%

health%supplies.%With%

Spark’s%assistance,%we%

donated%these%supplies%to%

a%local%women’s%shelter.”

Page 18: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPERpersonas

paul the tech guyt��32, marriedt��college educatedt��developer at Zendesk

SPARK INVOLVEMENT

t��a new Spark member, joined after attending an eventt���serves as a digital strategy committee membert���attended Spark social events with his wife, who is a member

TECH & SOCIAL LIFE

t���main devices are iphone, ipad and laptopt���active on twitter and facebook but doesn’t post, always plugged in with the latest in technologyt���attend tech meet ups and conferences

“Saw Spark posted on

Facebook that they needed

laptops for a grantee. I

pulled out an old laptop,

installed new software and

delivered to the grantee

right before her flight back

to Zimbabwe. That was

pretty cool.”

Page 19: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPERpersonas

natalie the networkert��26, singlet��college educatedt��studio producer at Levi’s

SPARK INVOLVEMENT

t��not yet a Spark membert��new to the bay area and wants meet other like minded professionals and learn more about foundation work

TECH & SOCIAL LIFE

t���main devices are iphone and laptopt���active on twitter, facebook always plugged in to current eventst���B�TPDJBM�CVUUFSnZ �PGUFO�BUUFOE�NFFU�VQT �HBMMFSZ� openings, dance lessons and museum events

“My college friend invited

to attend the Black and

Pink ball at the W hotel a

couple years ago, it was

one of the best party I’ve

ever been to in SF. I met

so many great people

there. It was a blast!”

Page 20: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPERuser journey

Page 21: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPERcommittee meeting

Page 22: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPERinitial concepts

^OV�^L�HYL� � ^OH[�^L�KV�� NL[�PU]VS]LK�� L]LU[Z� ��ISVN���� KVUH[L

6\Y�4PZZPVU:WHYR�ZLLRZ�[V�I\PSK�H�JVTT\UP[`�VM�`V\UN��NSVIHS�JP[PaLUZ�^OV�HYL�PU]LZ[LK�PU

JOHUNPUN�WH[[LYUZ�VM�PULX\HSP[`�[OH[�PTWHJ[�^VTLU�[OYV\NOV\[�[OL�^VYSK�

GET INVOLVED

MORE STORIES

:[VYPLZ;OL�KPMMLYLUJL�[OH[�^Lx]L�THKL�

y :WHYR�^VYRZ�IV[O�

NSVIHSS`�HUK�SVJHSS`�

ILJH\ZL�[OL�PZZ\LZ�

^VTLU�MHJL�OHWWLU�

L]LY`^OLYLz �

(55(��:7(92�4,4),9

y :WHYR�ZOPM[Z�^OV�HUK�

OV^�^L�PU]LZ[�PU�

^VTLUxZ�O\THU�YPNO[Zz �

1,550��-6<5+,9�6-�>6A(

^OV�^L�HYL

/PZ[VY`

7LVWSL

7HY[ULY

0U�[OL�7YLZZ

1VIZ

TLTILYZ

SVN�PU

YLNPZ[LY

^OH[�^L�KV

:[YH[LN`

.YHU[LLZ

.YHU[�HWWSPJH[PVU

NL[�PU]VS]LK

)LJVTL�H�TLTILY

=VS\U[LLY

+VUH[L

L]LU[Z

,]LU[�SPZ[PUN

.HSSLY`

V\Y�VMMPJL

����7HJPMPJ�(]LU\L�����:HU�-YHUJPZJV��*(� ����

WYVNYHTZ'ZWHYRZM�VYN

���������� �����

y :WHYR�VMMLYZ�HU�VWWVY[\UP[`

�[V�PTWYV]L�ZRPSSZ�0�JV\SK�\ZL�

WYVMLZZPVUHSS �̀�^OPSL�OLSWPUN�

^VTLU�H[�[OL�ZHTL�[PTL�z �

(3,?0:��:7(92�4,4),9

-VSSV^;̂ LL[Z

:OHUUVU�-HYSL`':OHUUVUF-HYSL`;\UPZPH�LUZOYPULZ�^VTLUZYPNO[Z�PU�P[Z�JVUZ[P[\[PVU�V �̂S`�ZVHN��]PH�'<5F>VTLU�'-9(5*,���'ZWHYRZM9L[^LL[LK�I`�:WHYR��������������������������������������������������������:OHUUVU�-HYSL`':OHUUVUF-HYSL`;\UPZPH�LUZOYPULZ�^VTLUZYPNO[Z�PU�P[Z�JVUZ[P[\[PVU�V �̂S`�ZVHN��]PH�'<5F>VTLU�'-9(5*,���'ZWHYRZM9L[^LL[LK�I`�:WHYR��������������������������������������������������������

:OHUUVU�-HYSL`':OHUUVUF-HYSL`;\UPZPH�LUZOYPULZ�^VTLUZYPNO[Z�PU�P[Z�JVUZ[P[\[PVU�V �̂S`�ZVHN��]PH�'<5F>VTLU�'-9(5*,���'ZWHYRZM9L[^LL[LK�I`�:WHYR

3H[LZ[�5L^Z .L[�0U]VS]LK

*LSLIYH[PUN�>VTLU�>OV�0NUP[L�.SVIHS�*OHUNL.HLS�:`S]PH��)SVN;HSR9HKPV(WYPS�����������������������������������������������������������������������

;OL�-\[\YL�VM�7OPSHU[OYVW`�PZ�>P[O�[OL�*\WJHRL�)HRLYZ*OYPZ[PUL�AHJOHP��-VY^HYK�7OPSHU[OYVW`4HYJO�����������������������������������������������������������������������

>VTLU��7OPSHU[OYVW`�HUK�[OL�-\[\YL�VM�>LHS[O:HT�)LPUOHJRLY��(YHILSSH�(K]PZVYZ4HYJO�����������������������������������������������������������������������

:WHYR�*HZL�:[\K`!�(�5L[^VYR�MVY�>VTLUxZ�,X\HSP[`5H[HSPH�*HZ[HULKH(\N\Z[�����

*LSLIYH[PUN�>VTLU�>OV�0NUP[L�.SVIHS�*OHUNL.HLS�:`S]PH��)SVN;HSR9HKPV(WYPS�����������������������������������������������������������������������

;OL�-\[\YL�VM�7OPSHU[OYVW`�PZ�>P[O�[OL�*\WJHRL�)HRLYZ*OYPZ[PUL�AHJOHP��-VY^HYK�7OPSHU[OYVW`4HYJO�����������������������������������������������������������������������

>VTLU��7OPSHU[OYVW`�HUK�[OL�-\[\YL�VM�>LHS[O:HT�)LPUOHJRLY��(YHILSSH�(K]PZVYZ4HYJO�����������������������������������������������������������������������

:WHYR�*HZL�:[\K`!�(�5L[^VYR�MVY�>VTLUxZ�,X\HSP[`5H[HSPH�*HZ[HULKH(\N\Z[�����

^OV�^L�HYL� � ^OH[�^L�KV�� NL[�PU]VS]LK�� L]LU[Z� ��ISVN���� KVUH[L

6\Y�4PZZPVU:WHYR�ZLLRZ�[V�I\PSK�H�JVTT\UP[`�VM�`V\UN��NSVIHS�JP[PaLUZ�^OV�HYL�PU]LZ[LK�PU

JOHUNPUN�WH[[LYUZ�VM�PULX\HSP[`�[OH[�PTWHJ[�^VTLU�[OYV\NOV\[�[OL�^VYSK�

LEARN MORE

JOIN NOW

y :WHYR�VMMLYZ�HU�VWWVY[\UP[`�[V�PTWYV]L�ZRPSSZ�0�JV\SK�\ZL�WYVMLZZPVUHSS �̀�^OPSL�OLSWPUN�^VTLU�H[�[OL�ZHTL�[PTL�z �(3,?0:��:7(92�4,4),9

y :WHYR�^VYRZ�IV[O�NSVIHSS`HUK�SVJHSS`�ILJH\ZL�[OL�PZZ\LZ�^VTLU�MHJLOHWWLU�L]LY`^OLYLz �(55(��:7(92�4,4),9

)L�H�7HY[�VM�6\Y�������4LTILYZ

*VTT\UP[`

Tickets for our annual Black and Pink ball 2014 are now available! BUY NOW

Digital Strategy SFI`�(THUKH�)YVJR

+H[L!��U�;\LZKH`�VM�[OL�4VU[O

;PTL!��!��� !��

3VJH[PVU!�9:=7�-VY�3VJH[PVU

EVENTS

Read more >

Event Committee NYCI`�(THUKH�)YVJR

+H[L!��U�;\LZKH`�VM�[OL�4VU[O

;PTL!��!��� !��

3VJH[PVU!�9:=7�-VY�3VJH[PVU

EVENTS

Read more >

Membership Mixer NYCI`�:OHUUVU�-HYSL`

+H[L!��U�;\LZKH`�VM�[OL�4VU[O

;PTL!��!��� !��

3VJH[PVU!�9:=7�-VY�3VJH[PVU

EVENTS

Read more >

^OV�^L�HYL

/PZ[VY`

7LVWSL

7HY[ULY

0U�[OL�7YLZZ

1VIZ

TLTILYZ

SVN�PU

YLNPZ[LY

^OH[�^L�KV

:[YH[LN`

.YHU[LLZ

.YHU[�HWWSPJH[PVU

NL[�PU]VS]LK

)LJVTL�H�TLTILY

=VS\U[LLY

+VUH[L

L]LU[Z

,]LU[�SPZ[PUN

.HSSLY`

V\Y�VMMPJL

����7HJPMPJ�(]LU\L�����:HU�-YHUJPZJV��*(� ����

WYVNYHTZ'ZWHYRZM�VYN

���������� �����

Spark grantee, Women LEAD, is featured in The Guardian!I`�:OHUUVU�-HYSL`

Read more >

NEWS

Spark grantee, Women LEAD, is featured in The Guardian!I`�:OHUUVU�-HYSL`

Read more >

NEWS

y :WHYR�ZOPM[Z�^OV�HUK�OV^�^L�PU]LZ[�PU�^VTLUxZ�O\THU�YPNO[Zz �1,550��-6<5+,9�6-�>6A(

-VSSV^;̂ LL[Z

:OHUUVU�-HYSL`':OHUUVUF-HYSL`;\UPZPH�LUZOYPULZ�^VTLUZYPNO[Z�PU�P[Z�JVUZ[P[\[PVU�V �̂S`�ZVHN��]PH�'<5F>VTLU�'-9(5*,���'ZWHYRZM9L[^LL[LK�I`�:WHYR

:OHUUVU�-HYSL`':OHUUVUF-HYSL`;\UPZPH�LUZOYPULZ�^VTLUZYPNO[Z�PU�P[Z�JVUZ[P[\[PVU�V �̂S`�ZVHN��]PH�'<5F>VTLU�'-9(5*,���'ZWHYRZM9L[^LL[LK�I`�:WHYR

:OHUUVU�-HYSL`':OHUUVUF-HYSL`;\UPZPH�LUZOYPULZ�^VTLUZYPNO[Z�PU�P[Z�JVUZ[P[\[PVU�V �̂S`�ZVHN��]PH�'<5F>VTLU�'-9(5*,���'ZWHYRZM9L[^LL[LK�I`�:WHYR

Page 23: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPERprototype

http://bit.ly/uxsparksf

Page 24: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED BY GENERAL ASSEMBLY UXDi STUDENT TEAM : STEPHANIE LEE & ALLISON COOPERnext steps

next steps:

we are excited to work with Spark after the courseis finished to implement the final designs in Wordpress, including working with the board,digital strategy committee and staff on:

+ final copy + visual brand guidelines+ setup in the new template

Page 25: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

but wait...

Page 26: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPERthe spark engagement loop

Page 27: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPERthe spark engagement loop

what are the opportunities?

Page 28: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPERthe spark engagement loop

what are the opportunities?

Page 29: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

PRESENTED(BY(GENERAL(ASSEMBLY(UXDi(STUDENT(TEAM(:(STEPHANIE(LEE(&(ALLISON(COOPERthe spark engagement loop

what are the opportunities?

buddysystem

membersrecognition

colorbuttons

digitalwelcome

kit

Page 30: Sparksf.org Redesign - Final Presentation Jan. 22nd, 2014

Stephanie Lee [email protected]

Allison Cooper [email protected]

thank you