Ryan Ring Portfolio

  • View
    73

  • Download
    3

  • Category

    Career

Preview:

Citation preview

ForABCMouse.com

Profile Highlights

• Interactive Emmy Award Winner for PBS Kids SciGirls website and games

• Parents Choice Award Winner – Seussville.com

• Experienced veteran in user experience methodologies, various testing models, psychological and behavioral principles, user-centered design for the 3-10 year old audiences.

• Strong experience in HTML, CSS, PHP, jQuery and Flash, iOS and Android development, video editing, After Effects, CMS development

• Graphic Design experience in a variety of industries for digital products, including corporate, kids entertainment, consumer products, advertising

• Business, marketing, education and strategy-oriented problem solver with an eye on for blending business goals with easy to use, fun audience engagement

• Veteran of game and app development for the 3-6 year old market, including UX, concept, documenting requirements, process, writing specs, managing development and deploying

• Former ESL teacher to 3-12 year olds in South Korea

• Very proud father of a 3 year old and 8 year old.

User Experience Design constantly asks the Who, What, Why, How and When of your audience.

The goal is to inspire a perception of joy, ease of use, value, safety, trust, brand values and sound educational pedagogy.

Testing iseverything.

We can’t assumeanything.

• .

• What are the exact needs of user? What is the problem are we trying to solve?

• What are their primary and secondary needs? What is definition of value to them?

• What is their attitude and mindset? What do we want them to be?

• What is the context of their visit? Where are they and under what circumstances?

• What are their capabilities? Accessibility?

• Demographics and Psychographic profiles - education, income,values, gender, location

• If I were this target user, how would I “think” this process should go?

Test User Scenarios / User Storiesagainst Data and Assumptions

CASE STUDIESRYAN RING

TEACHERSNOTEBOOK.COM

In 2013, I lead user experience design and visual design for Teachersnotebook.com. We iterated and launched several features in the storefront as well as the shopkeeper admin section. I remote tested features with influencer customers, sourced analytics and qualitative feedback and insights and revised, tested and deployed.

Special insight: The best graphic design isn’t always the most user-centered design. Compromise and flexibility to the expectations and capabilities of the customer are critical.

An online marketing place for K-12 teachers to buy, sell and trade classroom resources to other teachers

TEACHERSNOTEBOOK.COM

TEACHERSNOTEBOOK.COM

TEACHERSNOTEBOOK.COM

TEACHERSNOTEBOOK.COM

TEACHERSNOTEBOOK.COM

TEACHERSNOTEBOOK.COM

SEUSSVILLE.COM

In 2011, I lead user experience design for the creation of Seussville.com, an immersive character and animation driven flagship website for the Dr. Seuss brand. The site is Flash, HTML, PHP and driven by a CMS.

Features include games, a comprehensive eCommerce book section, organization of 100s of downloadable activities, avatar creation and registration. I worked with our creative director, the Random House editorial and Marketing executives and our team to iterate over a dozen approaches until we could find the perfect blend of extremely challenging and disparate Dr. Seuss styles.

Additionally, I conceptualized and wrote three Dr. Seuss games, including

drafting specs, storyboards, wireframes, and overseeing execution.

The first comprehensive Dr. Seuss website ever built.Client: Random House

SEUSSVILLE.COM | HOME PAGE

SEUSSVILLE.COM | HOME PAGE

SEUSSVILLE.COM | WHOVILLE SECTION LANDING PAGE

SEUSSVILLE.COM | WHOVILLE SECTION LANDING PAGE

SEUSSVILLE.COM

SEUSSVILLE.COM

SEUSSVILLE.COM

SEUSSVILLE.COM

SEUSSVILLE.COM

SEUSSVILLE.COM | ACTIVITIES SECTION LANDING PAGE

SEUSSVILLE.COM | ACTIVITIES SECTION LANDING PAGE

SEUSSVILLE.COM | BOOKS SECTION LANDING PAGE

SEUSSVILLE.COM | BOOKS SECTION LANDING PAGE

SEUSSVILLE.COM

Seussville.com/Parents | Client: Random House | Page: Home Page | Spec Section 15.1 | Author: Ryan Ring

Click on text or image links

spawns pop up displaying

appropriate books

Parents

Seuss By Age

Birthday Parties

College Scholarship

Seussville Newsletter

More Seussville

Books

Activities

Home

Which Dr. Seuss Books Are Right For My Child?

Seuss By Age will help you choose fr om Dr. Seuss to find the perfect book for your child

It’s never too early to read to your child, and Dr. Seuss is the perfect starting pointfor every reader, from the smallest to the tallest.

Ages 6-9

Ages 5-8

Ages 5-8

Ages 3-6

Birth-Age 3

Birth-Age 3

Hardcover Classics

Beginner Books

The Cat in the Hat Learning Library

Bright & Early Books

Bright & Early Board Books

Dr. Seuss Nursery Collection

EnvironmentalImagery(Who characters)

Environmental BG

click here

click here

click here

More Seuss Fun

Seuss at School

Oh the PlacesYou’ll GoScholarship

Cat in the HatKnows a Lot About That

Watch the Show

click here

Are You an

Educator?

Links to unique

pagesRight Rail Images Link to

unique page

15.1

.1

15.1

.2

15.1

.3

Spawned pop up

text and image links spawn

ADD TO CART from RHNOTES

Ages 6-9

Book Title

Book Title

Tips for Reading With

Your Children

FOOTER

15.1.1 15.1.2 15.1.3 151..4

15.1

.4

| PARENTS SECTION LANDING PAGE

SEUSSVILLE.COM | PARENTS SECTION LANDING PAGE

SEUSSVILLE.COM

PBSKIDS.ORG/SESAMESTREET

For the 45th season of Sesame Street, I worked with our teams to create a new Sesame Street website experience. After several iterations we arrived at a simplified, scrapbook-styled version with animation and lots of magic. Site features include games and activities section, digital rewards, video, eCards, characters and the parents and teachers complementary websites.

Additionally, I conceptualized and wrote two Sesame Street games, including drafting specs, storyboards, wireframes, and overseeing

execution.

PBS Kids Sesame Street WebsiteClient: PBS Kids

PBSKIDS.ORG/SESAMESTREET

Storyboard of animated website intro. Featuring Elmo

PBSKIDS.ORG/SESAMESTREET

PBSKIDS.ORG/SESAMESTREET

PBSKIDS.ORG/SESAMESTREET

PBSKIDS.ORG/SESAMESTREET

PBSKIDS.ORG/SCIGIRLS

I lead user experience design with our Creative Director and the Twin Cities Production team for the creation of PBS Kids SciGirls, a science-driven website that interacts with the TV show. The unique interface of scrollable fields and fun hidden treasures invites curiosity and imagination for young scientists.

Features include a rewards system, COPPA compliant gated social network and games

Additionally, I conceptualized and wrote two SciGirls games, including

drafting specs, storyboards, wireframes, and overseeing execution.

• Interactive Emmy Award Winner• 3 Time Emmy Nominee

PBSKIDS.ORG/SCIGIRLS

PBSKIDS.ORG/SCIGIRLS

PBSKIDS.ORG/SCIGIRLS

PBSKIDSPLAY CURIOUS GEORGE

Featuring a parent and teacher admin area for tracking learning progress, the Curious George flagship immersive world launched on PBS Kids Play in 2010.

I lead the creative concept of the user walking George through the city, and the 18 games, including production and execution of all games and the website. PBS flew me to Montreal to consult with them and their core development house on the parent administrative section.

Featuring over 7 minutes of character animation, and user performance tracking, leveling and reporting (for mom and dad to see) Curious George is still the flagship for PBS Kids Play.org

PBSKIDSPLAY CURIOUS GEORGE

PBSKIDSPLAY CURIOUS GEORGE

PBSKIDSPLAY CURIOUS GEORGE

PBSKIDSPLAY CURIOUS GEORGE

PBSKIDSPLAY CURIOUS GEORGE

PBSKIDSPLAY CURIOUS GEORGE

PBSKIDSPLAY CURIOUS GEORGE

PBSKIDSPLAY CURIOUS GEORGE

PBSKIDSPLAY CURIOUS GEORGE

PBSKIDSPLAY CURIOUS GEORGE

PBSKIDSPLAY CURIOUS GEORGE

TEACHTOWN.com

TeachTown is a software product for children with Autism in public schools and at home. It’s heavily driven by simple reward games to support learning the curriculum

For one year, I worked with Education Curriculum leaders in Special Ed to conceptualize the user experience, IA, UI and execution of games targeting a 3-6 year old cognitive and physical capability.

We tested the games and curriculum modules on students with autism and their special ed teachers, learned a lot, iterated and rolled out over 15 simple games. Additionally, I provided graphic design and coding duties for the marketing website and sales materials

TEACHTOWN.com

TEACHTOWN.com

TEACHTOWN.com

TEACHTOWN.com

Valid login

New user register

Welcome screen

PBSKIDSPLAY THOMAS THE TRAIN

ADDITIONAL CHILDREN’S WORK

User Experience and Game Development

PBSKIDSPLAY THOMAS THE TRAIN

PBSKIDSPLAY THOMAS THE TRAIN

PBSKIDSPLAY THOMAS THE TRAIN

PBSKIDSPLAY THOMAS THE TRAIN

MOBILE IOS APP: JAN BRETT’S THE NIGHT BEFORE CHRISTMAS

MOBILE IOS APP: JAN BRETT’S THE NIGHT BEFORE CHRISTMASPenguin Group | Publisher: Pearson PLC

MOBILE IOS APP: ANNA DEWDNEY’S LLAMA LLAMA RED PAJAMAPenguin Group | Publisher: Pearson PLC

MOBILE IOS APP: ANNA DEWDNEY’S LLAMA LLAMA RED PAJAMAPenguin Group | Publisher: Pearson PLC

MOBILE IOS APP WIREFRAME: KIDS IN THE HOUSE VIDEO APP

MOBILE IOS APP WIREFRAME: “ACTIONING” APP FOR ACTORS STUDIOS

OTHER KIDS EDUCATION PRODUCTS PROVIDEDON REQUEST

• Chuggington website• Goosebumps’ Enter Horrorland Website• Kidsinthehouse.com Video Website• National Geographic Kids HTML 5 Game• Major League Baseball Club MLB website and games• Cat in the Hat Knows a Lot About That website and games• Disney Family Fun Video website• Over 25 games for 3-8 year olds