Interface Design | Winter Quarter 2013

spring moonbook promotional website proposal

Spring Moon | Interface Design | Winter Quarter 2013

book cover

Spring Moon | Interface Design | Winter Quarter 2013

project statement

Project Description

Choose a current book and create a full case study/proposal for a responsive website/mobile interface which will promote the book, incorporating it’s marketing material: text, images. Overall art direction is derived form the book cover design: Use same fonts, photo sourcing and overall layout as appropriate to maintain brand consistency with product on shelves.

Client

Harper Teen Publishing/Holly Cupala

Target Audience

This book is targeted for young teen to young adult ranging in ages from 14 to 23, who enjoy reading powerful and emotional stories about self-discovery. Could also suit a classroom setting, so instructors/teachers could also reach out to purchase copies of the books for their students.

Purpose

The purpose of this website is to promote the book and to give viewers a glimpse at what the novel is about, what the author is doing to spread domestic violence awareness, and also to sell copies of the book.

Obstacles

One of the main obstacles will be driving the viewers to the website and convincing them to purchase a copy of the book, either for themselves, a classroom setting, or for their teen. The site will play an book teaser video that is illustrated and animated, it will have a dramatic feel and I think really excite the readers about this book, hopefully this too will drive for purchasing.

Style & Tone

Deep color palette, but still complimentary. Grungy/Dark/Emotional feel. Style will be crisp and gridded but still have a grunge/punk feel from the imagery and colar palette selected.

Spring Moon | Interface Design | Winter Quarter 2013

book promotional sites

Spring Moon | Interface Design | Winter Quarter 2013

inspirational screen grabs

Spring Moon | Interface Design | Winter Quarter 2013

moodboard

Spring Moon | Interface Design | Winter Quarter 2013

style guideColor Palette

Typography

Textures

Custom Buttons

RGB 142 24 68 # 8e1844

Century Gothic Regular abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Century Gothic Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ BEBAS NEUE REGULAR abcdefghijklmnopqrstuvwxyz

DOWNCOME abcdefghijklmnopqrstuvwxyz

RGB 93 17 55 # 5d1137

RGB 151 114 131 # 977283

RGB 113 74 92 # 714a5c

RGB 39 18 49 # 271231

RGB 116 113 134 # 747186

RGB 218 195 53 # dac335

RGB 180 115 51 # 547333

Spring Moon | Interface Design | Winter Quarter 2013

sketchesConsideration 1) Dynamic Type Treatment with main nav at top to link to other pages. Consideration 2) Full Image across screen with main navigation at top. Consideration 3) Book Trailers with main content on the homepage, with secondary nav at the top for users who do not want to scroll through material.

Consideration 4) Splash Page to enter

Spring Moon | Interface Design | Winter Quarter 2013

sitemap

Spring Moon | Interface Design | Winter Quarter 2013

wireframes

Close-up

Additional nav at the top, would drop down on roll-over.

Spring Moon | Interface Design | Winter Quarter 2013

sources“Holly Cupala, YA Author.” Holly Cupala, YA Author. N.p., n.d. Web. 17 Feb. 2013.http://www.hollycupala.com

DON’T BREATHE A WORD by Holly Cupala - YA Book Trailer. N.d. Youtube. YA. Web. 15 Feb. 2013. http://www.youtube.com/watch?v=uP61zlerel8

TELL ME A SECRET by Holly Cupala - YA Book Trailer. N.d. Youtube. YA. Web. 15 Feb. 2013. http://www.youtube.com/watch?v=HqzUuoAmTJs