Spring

book promotional website proposal spring moon

Interface Design | Winter Quarter 2013

book cover

Spring Moon | Interface Design | Winter Quarter 2013

project statement Project Description

Purpose

Choose a current book and create a full case study/proposal for a responsive website/mobile interface which will promote the book, incorporating i t’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.

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.

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.

Spring Moon | Interface Design | Winter Quarter 2013

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.

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 guide Color Palette

RGB 142 24 68 # 8e1844

RGB 93 17 55 # 5d1137

Custom Buttons

RGB 151 114 131 # 977283

RGB 113 74 92 # 714a5c

RGB 39 18 49 # 271231

RGB 116 113 134 # 747186

Textures

Typography Century Gothic Regular abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Century Gothic Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ

BEBAS NEUE REGULAR abcdefghijklmnopqrstuvwxyz

DOWNCOME abcdefghijklmnopqrstuvwxyz Spring Moon | Interface Design | Winter Quarter 2013

RGB 218 195 53 # dac335

RGB 180 115 51 # 547333

sketches Consideration 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

Spring Moon | Interface Design | Winter Quarter 2013