Ryan Ring Portfolio

73
For ABCMouse.com

Transcript of Ryan Ring Portfolio

Page 1: Ryan Ring Portfolio

ForABCMouse.com

Page 2: Ryan Ring Portfolio
Page 3: Ryan Ring Portfolio

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.

Page 4: Ryan Ring Portfolio

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.

Page 5: Ryan Ring Portfolio
Page 6: Ryan Ring Portfolio

Testing iseverything.

We can’t assumeanything.

Page 7: Ryan Ring Portfolio

• .

• 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

Page 8: Ryan Ring Portfolio
Page 9: Ryan Ring Portfolio
Page 10: Ryan Ring Portfolio

CASE STUDIESRYAN RING

Page 11: Ryan Ring Portfolio

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

Page 12: Ryan Ring Portfolio

TEACHERSNOTEBOOK.COM

Page 13: Ryan Ring Portfolio

TEACHERSNOTEBOOK.COM

Page 14: Ryan Ring Portfolio

TEACHERSNOTEBOOK.COM

Page 15: Ryan Ring Portfolio

TEACHERSNOTEBOOK.COM

Page 16: Ryan Ring Portfolio

TEACHERSNOTEBOOK.COM

Page 17: Ryan Ring Portfolio

TEACHERSNOTEBOOK.COM

Page 18: Ryan Ring Portfolio

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

Page 19: Ryan Ring Portfolio

SEUSSVILLE.COM | HOME PAGE

Page 20: Ryan Ring Portfolio

SEUSSVILLE.COM | HOME PAGE

Page 21: Ryan Ring Portfolio

SEUSSVILLE.COM | WHOVILLE SECTION LANDING PAGE

Page 22: Ryan Ring Portfolio

SEUSSVILLE.COM | WHOVILLE SECTION LANDING PAGE

Page 23: Ryan Ring Portfolio

SEUSSVILLE.COM

Page 24: Ryan Ring Portfolio

SEUSSVILLE.COM

Page 25: Ryan Ring Portfolio

SEUSSVILLE.COM

Page 26: Ryan Ring Portfolio

SEUSSVILLE.COM

Page 27: Ryan Ring Portfolio

SEUSSVILLE.COM

Page 28: Ryan Ring Portfolio

SEUSSVILLE.COM | ACTIVITIES SECTION LANDING PAGE

Page 29: Ryan Ring Portfolio

SEUSSVILLE.COM | ACTIVITIES SECTION LANDING PAGE

Page 30: Ryan Ring Portfolio

SEUSSVILLE.COM | BOOKS SECTION LANDING PAGE

Page 31: Ryan Ring Portfolio

SEUSSVILLE.COM | BOOKS SECTION LANDING PAGE

Page 32: Ryan Ring Portfolio

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

Page 33: Ryan Ring Portfolio

SEUSSVILLE.COM | PARENTS SECTION LANDING PAGE

Page 34: Ryan Ring Portfolio

SEUSSVILLE.COM

Page 35: Ryan Ring Portfolio

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

Page 36: Ryan Ring Portfolio

PBSKIDS.ORG/SESAMESTREET

Storyboard of animated website intro. Featuring Elmo

Page 37: Ryan Ring Portfolio

PBSKIDS.ORG/SESAMESTREET

Page 38: Ryan Ring Portfolio

PBSKIDS.ORG/SESAMESTREET

Page 39: Ryan Ring Portfolio

PBSKIDS.ORG/SESAMESTREET

Page 40: Ryan Ring Portfolio

PBSKIDS.ORG/SESAMESTREET

Page 41: Ryan Ring Portfolio

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

Page 42: Ryan Ring Portfolio

PBSKIDS.ORG/SCIGIRLS

Page 43: Ryan Ring Portfolio

PBSKIDS.ORG/SCIGIRLS

Page 44: Ryan Ring Portfolio

PBSKIDS.ORG/SCIGIRLS

Page 45: Ryan Ring Portfolio

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

Page 46: Ryan Ring Portfolio

PBSKIDSPLAY CURIOUS GEORGE

Page 47: Ryan Ring Portfolio

PBSKIDSPLAY CURIOUS GEORGE

Page 48: Ryan Ring Portfolio

PBSKIDSPLAY CURIOUS GEORGE

Page 49: Ryan Ring Portfolio

PBSKIDSPLAY CURIOUS GEORGE

Page 50: Ryan Ring Portfolio

PBSKIDSPLAY CURIOUS GEORGE

Page 51: Ryan Ring Portfolio

PBSKIDSPLAY CURIOUS GEORGE

Page 52: Ryan Ring Portfolio

PBSKIDSPLAY CURIOUS GEORGE

Page 53: Ryan Ring Portfolio

PBSKIDSPLAY CURIOUS GEORGE

Page 54: Ryan Ring Portfolio

PBSKIDSPLAY CURIOUS GEORGE

Page 55: Ryan Ring Portfolio

PBSKIDSPLAY CURIOUS GEORGE

Page 56: Ryan Ring Portfolio

PBSKIDSPLAY CURIOUS GEORGE

Page 57: Ryan Ring Portfolio

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

Page 58: Ryan Ring Portfolio

TEACHTOWN.com

Page 59: Ryan Ring Portfolio

TEACHTOWN.com

Page 60: Ryan Ring Portfolio

TEACHTOWN.com

Page 61: Ryan Ring Portfolio

TEACHTOWN.com

Valid login

New user register

Welcome screen

Page 62: Ryan Ring Portfolio

PBSKIDSPLAY THOMAS THE TRAIN

ADDITIONAL CHILDREN’S WORK

User Experience and Game Development

Page 63: Ryan Ring Portfolio

PBSKIDSPLAY THOMAS THE TRAIN

Page 64: Ryan Ring Portfolio

PBSKIDSPLAY THOMAS THE TRAIN

Page 65: Ryan Ring Portfolio

PBSKIDSPLAY THOMAS THE TRAIN

Page 66: Ryan Ring Portfolio

PBSKIDSPLAY THOMAS THE TRAIN

Page 67: Ryan Ring Portfolio

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

Page 68: Ryan Ring Portfolio

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

Page 69: Ryan Ring Portfolio

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

Page 70: Ryan Ring Portfolio

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

Page 71: Ryan Ring Portfolio

MOBILE IOS APP WIREFRAME: KIDS IN THE HOUSE VIDEO APP

Page 72: Ryan Ring Portfolio

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

Page 73: Ryan Ring Portfolio

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