San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the...

19
EMILY PAINTER | PORTFOLIO | MARCH 2014 San Diego Comic Con Website Redesign

Transcript of San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the...

Page 1: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

EMILY PAINTER | PORTFOLIO | MARCH 2014

San Diego Comic ConWebsite Redesign

Page 2: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

CREATIVE BRIEF

clientSan Diego Comic Con (SDCC)

BackgroundSan Diego Comic Con is a comic book and pop culture convention held annually in downtown San Diego. The convention attracts over 130,000 visitors, with demand growing

exponentially every year.

Primary AudienceThe primary audience includes males and females aged 20-35 who enjoy comics and science fiction/fantasy genre.

ObjectivesWe will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful interface for repeat attendees and prospective attendees alike.

The MessageSan Diego Comic-con is a large, engaging phenomenon where geeks can come together and let their nerd out.

The MediumResponsive website. The site needs to be appealing and approachable on the go and desktop.

Page 3: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

usability study

Page 4: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

usability study

Page 5: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

usability study

Page 6: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

Site map

Page 7: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

BRANDON

“what’s the latest update?”

“how do i get badges?”

“what is comic con?”

MEGAN MIKE34 | SINGLE | MALE | IT PROFESSIONAL

Brandon is a bachelor that has been going to SanDiego Comic-con for over ten years. In his spare timehe collects comics, plays online role-playing games,

Brandon came to the SDCC site to look for updated information about the upcoming hotel lottery sale.

25 | MARRIED | FEMALE | SALES MANAGER

Megan is a recently married to her husband, Joseph. Joseph has a son who loves comics, and has always dreamed of at-

tending San Diego Comic Con. Megan wants to take her step son to SDCC so they can bond together.

Megan came to the SDCC site to find out how to get badges for her and her stepson.

18 | SINGLE | MALE | HIGH SCHOOL GRAD

Some of Mike’s friends have been talking about SDCC on Facebook and he is curious what all the

fuss is about. In his spare time Mike likes to watch Superhero movies and science fiction shows.

Mike came to the SDCC site to find out more about the convention.

personas

Page 8: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

wireframes

Page 9: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

wireframes

Page 10: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

wireframes

Page 11: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

style guide

Page 12: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

hifis

Page 13: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

hifis

VIDEO

LIVE COUNTDOWN

@SDCC TWITTER NEWS-FEED

Page 14: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

hifis

CLICK OPENS GOOGLE MAPS

CLICK DIRECTS TO NEW MEMBER ID SIGN-UP

Page 15: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

hifis

LIVE COUNTDOWNCORRELATES TO SELECTED PIN

Page 16: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

hifis

Page 17: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

hifis

VIDEO

CLICK LEADS TO BIO AND PANEL SCHEDULE

Page 18: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

hifis

VIDEO

CLICK LEADS TO BIO AND PANEL SCHEDULE

Page 19: San Diego Comic Conpaintingemily.github.io/docs/sdcc-redesign.pdf · We will be redesigning the website and improving the user flow, to create a more pleasing, engaging, and helpful

hifis

VIDEO

CLICK LEADS TO BIO AND PANEL SCHEDULE