Copy of Legal Services NYC

UX/IA/Design Brainstorming for Legal Services NYC

Iniziamo. È gratuito!
o registrati con il tuo indirizzo email
Copy of Legal Services NYC da Mind Map: Copy of Legal Services NYC

1. Top 3 Website Takeaways (Client)

1.1. Stakeholder 1

1.1.1. 1. Largest provider of legal services

1.1.2. 2. Top caliber services

1.1.3. 3. Change peoples lives

1.2. Stakeholder 2

1.2.1. 1. Clients served, locations, services

1.2.2. 2. Exciting new cases/achievements

1.2.3. 3. How to stay connected w/ us

1.3. Stakeholder 3

1.3.1. 1. Mission

1.3.2. 2. Latest news

1.3.3. 3. How to donate

1.4. Stakeholder 4

1.4.1. 1. Who we are, what we do

1.4.2. 2. Contact info & locations

1.4.3. 3. How to get help

1.5. Stakeholder 5

1.5.1. 1. How to get help and how to help us

1.5.2. 2. Authority on services/issues provided

1.5.3. 3. Leaders on issues, citywide, regionally and nationally

1.6. Stakeholder 6

1.6.1. 1. Mission

1.6.2. 2. Program explanations

1.6.3. 3. Leadership

2. Priorities for Website (Client)

2.1. Make services more accessable

2.2. Fundraise thru website

2.3. Highlight neighborhood offices

2.4. Show how goals are impacting their clients

3. Design (Client)

3.1. Goals

3.1.1. More visual/dynamic site

3.1.2. More engaging site, easy to navigate

3.1.3. More photo oriented

3.2. Values/Emotions

3.2.1. Quality

3.2.2. Care about clients

3.2.3. Competence

3.2.4. Trust

3.2.5. Dedication

3.2.6. Compassion

3.2.7. Services

3.2.8. Justice

3.2.9. Fairness

3.2.10. Diligence

3.2.11. Safety

3.2.12. Integrity

3.3. Look/Feel

3.3.1. Don't want to look like a law-firm website

3.3.2. Nice, clean, simple

3.4. Colors

3.4.1. Some people want colors that compliment logo

3.4.2. Sick of looking at blue!

3.4.3. Want new site to be more photo oriented

4. Client Website Inspiration

4.1. ACLU

4.1.1. Easy to nav

4.1.2. Easy to donate

4.1.3. Practice area listings in bottom

4.1.4. News/Updates carousel

4.2. Legal Aid

4.2.1. Color and people pics

4.2.2. Top nav bar w/ extra links above banner

4.3. NYCLU

4.3.1. Explore our issues area

4.3.2. Color

4.3.3. Top nav bar

4.4. Brennan Center

4.4.1. Header

4.4.2. Rotating news feed

4.4.3. Bottom sitemap area

4.5. MFY

4.5.1. Slideshow

4.5.2. Top nav bar

4.5.3. Call to Actions in header

5. Wireframe Elements (Client)

5.1. Slideshow

5.1.1. Close up, personal client photos

5.1.2. Content

5.1.3. Nav

5.1.4. Pager

5.2. Org Intro

5.3. Recent News & Events

5.3.1. Rotating

5.3.2. Photo

5.4. Search

5.5. How to Donate

5.6. How to reach local offices

5.7. Main Nav w/ dropdowns

5.7.1. Current site

5.7.1.1. Home

5.7.1.2. Who We Are

5.7.1.3. What We Do

5.7.1.4. Get Invoved

5.7.1.5. Our Program

5.7.1.6. News & Events

5.7.2. Alternate (from doc)

5.7.2.1. Getting Help

5.7.2.2. Getting Involved

5.7.2.3. Giving

5.7.2.4. News

5.7.2.5. Events

5.8. Donate button

5.9. Social Media Channels

5.9.1. Facebook

5.9.2. Twitter

5.9.3. Youtube

5.9.4. Flickr

5.10. Feat. Videos/Photos?

5.11. Feat. Tweets?

5.12. Sitemap in footer

5.13. List of Locations (Google map?)

5.14. Connect with us area

5.14.1. Facebook Feed

5.14.2. Twitter Feed

5.14.3. Amber likes my Compete.org design

5.15. Interior Page

5.15.1. Top banner/page-section area to highlight 'sections' like a specific borough, etc.

5.15.2. Twitter module

5.15.3. News module

5.15.4. Borough map

6. Wireframe Elements (RB)

6.1. Header

6.1.1. Nav

6.1.1.1. Who We Are

6.1.1.2. What We Do

6.1.1.3. Get Invoved

6.1.1.4. Our Program

6.1.1.5. News & Events

6.1.2. Search

6.1.3. Donate

6.1.4. Social Media Channels

6.1.4.1. Facebook

6.1.4.2. Twitter

6.1.4.3. Youtube

6.1.4.4. Flickr

6.1.5. List of Borroughs w/ text links

6.1.5.1. Our Network/Serving:

6.1.5.2. Bronx

6.1.5.3. Brooklyn

6.1.5.4. Manhattan

6.1.5.5. Queens

6.1.5.6. Staten Island

6.1.6. Main office phone #

6.2. Footer

6.2.1. Google Map w/ Locations marked

6.2.1.1. Have colorized google map here w/ pointers. This would go above the footer w/ main office & locations directly underneath?

6.2.2. Main Office Info

6.2.2.1. Logo

6.2.2.2. Name

6.2.2.3. Address

6.2.2.4. City, State & Zip

6.2.2.5. Phone

6.2.2.6. Contact Us / Email

6.2.3. Location list

6.2.3.1. Name

6.2.3.2. Address

6.2.3.3. City

6.2.3.4. State

6.2.3.5. Zip

6.2.3.6. Telephone

6.2.3.7. Fax

6.2.4. Sitemap

6.2.4.1. Full row

6.2.4.2. 2 or 3 levels deep?

6.2.5. Social Media Channels

6.2.5.1. Facebook

6.2.5.2. Twitter

6.2.5.3. Youtube

6.2.5.4. Flickr

6.2.6. Copyright & Rights information

6.2.7. NPSB logo

6.3. Home Page

6.3.1. Slideshow

6.3.1.1. Photo w/ person in action/close up

6.3.1.2. Title

6.3.1.3. Description

6.3.1.4. Read more button

6.3.1.5. Next/Prev

6.3.1.6. Pager

6.3.2. Organization Intro

6.3.2.1. Heading

6.3.2.2. Tagline

6.3.2.3. Text

6.3.2.4. Learn more btn

6.3.2.5. Contact us today btn

6.3.3. How & Who We Help

6.3.3.1. Heading

6.3.3.2. Description

6.3.3.3. Who We Help

6.3.3.3.1. Heading

6.3.3.3.2. Description

6.3.3.3.3. List of Areas

6.3.3.3.4. Learn more button

6.3.3.4. How We Help

6.3.3.4.1. Heading

6.3.3.4.2. Description

6.3.3.4.3. List of Areas

6.3.3.4.4. Learn more button

6.3.4. Get & Give Help

6.3.4.1. Heading

6.3.4.2. Description

6.3.4.3. Get Help

6.3.4.3.1. Description

6.3.4.3.2. Heading

6.3.4.3.3. Find an Office

6.3.4.3.4. Visit LawHelp.org/NY

6.3.4.3.5. Visit AyudaLegalNY.org

6.3.4.3.6. Citywide Sandy Recovery Hotline

6.3.4.3.7. Contact button

6.3.4.4. Give Involved

6.3.4.4.1. Heading

6.3.4.4.2. Description

6.3.4.4.3. Donate button & info

6.3.4.4.4. Pro Bono & Volunteer Service

6.3.4.4.5. Law School Improvement

6.3.5. Services & Programs

6.3.5.1. Heading

6.3.5.2. Description

6.3.5.3. List of Areas

6.3.5.3.1. Photo

6.3.5.3.2. Title

6.3.5.3.3. Description (on hover?)

6.3.5.3.4. View all button

6.3.6. Cases & Achievements

6.3.6.1. Heading

6.3.6.2. Description

6.3.6.3. Carousel

6.3.6.3.1. Photo

6.3.6.3.2. Title

6.3.6.3.3. Description

6.3.6.3.4. View all button

6.3.6.3.5. Next/Prev

6.3.7. Latest News / Connect

6.3.7.1. Heading

6.3.7.2. Description

6.3.7.3. Facebook feed module

6.3.7.4. Twitter feed module

6.3.7.5. News module

6.3.7.5.1. Featured Item

6.3.7.5.2. Title

6.3.7.5.3. Date

6.3.7.5.4. Description

6.3.7.5.5. Photo

6.3.7.5.6. View more button

6.3.8. Locations/Burroughs

6.3.8.1. Heading

6.3.8.2. Description

6.3.8.3. Google Map

6.3.8.4. Location list

6.3.8.4.1. Name

6.3.8.4.2. Address

6.3.8.4.3. City

6.3.8.4.4. State

6.3.8.4.5. Zip

6.3.8.4.6. Telephone

6.3.8.4.7. Fax

6.4. Interior Page

6.4.1. Banner

6.4.1.1. Section Title

6.4.1.2. Photo

6.4.2. Main Column

6.4.2.1. Page Title

6.4.2.2. Content

6.4.2.3. AddThis

6.4.3. Sidebar

6.4.3.1. Nav

6.4.3.2. Twitter/Facebook module

6.4.3.3. News module

6.4.3.4. HTML module

6.4.3.5. Give Involved module

6.4.3.5.1. Heading

6.4.3.5.2. Description

6.4.3.5.3. Donate button & info

6.4.3.5.4. Pro Bono & Volunteer Service

6.4.3.5.5. Law School Improvement

6.4.4. Locations/Burroughs

6.4.4.1. Heading

6.4.4.2. Description

6.4.4.3. Google Map

6.4.4.4. Location list

6.4.4.4.1. Name

6.4.4.4.2. Address

6.4.4.4.3. City

6.4.4.4.4. State

6.4.4.4.5. Zip

6.4.4.4.6. Telephone

6.4.4.4.7. Fax

7. Design Ideas (RB)

7.1. Big, bold images

7.2. Maybe have photos go full width across page

7.3. I think big, bold design like work from Elegant Seaguls would be awesome

7.4. Vector Buildings at Bottom

7.5. Use of squares for Dividers and BG patterns

7.6. Have boxes cutout of images

7.7. Bordered buttons, images

8. Style Tiles

8.1. A

8.1.1. Super Duper Clean

8.1.2. Just Solid Colors / No Patterns

8.1.3. Colorized BG Images

8.1.4. Just lines

8.1.5. Everything Square

8.2. B

8.2.1. Heavy use of Textures

8.2.2. Non-colored photos

8.2.3. Super clean, just text

8.2.4. More grungy

8.3. C

8.3.1. More app/gradient like

8.3.2. Slight Shadowing