THE BOOK
BOOK PROMOTION SITE LANDIS & LOWNEY SUMMER 2013 INTERFACE DESIGN
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
THE BOOK
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
PROJECT STATEMENT JOB: Book Promotional Website TARGET AUDIENCE: Modern, post-college females in transition from youth to adulthood. Additionally, readers who enjoy candid, humorous writing. OBJECTIVES: To create an interactive and compelling site that is consistent with the personality of the cover art and promotes author, Alida Nugent and her book, Don’t Worry, It Gets Worse.
OBSTACLES: Creating a site that captures the quirky and fun nature of the book, without appearing overly juvenile. More broadly, driving traffic to the site in order to promote book sales. STYLE AND TONE: Light, candid, and quirky in personality with imagery that mimics the minimalistic style of the book’s cover art and features a saturated color palette. MEDIA: Website
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
INSPIRING SITE
HERRLICH-MEDIA.DE/ARBEITEN/
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
INSPIRING SITE
IMAGEMECHANICS.COM.AU/#!/PAGES/HOME
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
INSPIRING SITE
LUSHTYPE.COM
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
SKETCHES
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
SKETCHES
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
SKETCHES
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
SKETCHES
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
SKETCHES
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
COMPETITIVE ANALYSIS
HILARYWINSTON.COM/HOME/
THECONCERNSOFMINDYKALING.COM/THE-BOOK
Book: My Boyfriend Wrote a Book About Me This site has many quirky and fun qualities, but it lacks a sense of hierarchy. There is an overwhelming amount of text to decipher on each page, which confuses the reader’s eye.
Book: Is Everyone Hanging Out With Me? The navigation on this site is very straight forward and easy to understand. The textures give the site a playfulness, yet the structure is very stiff.
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
COMPETITIVE ANALYSIS
WENDYSHANKER.COM/BOOK.HTML Book: The Fat Girl’s Guide to Life This site has a very cohesive style with a consistent structure. The illustrations are fun which mirrors the content of the book, but the structure and layout leave something to be desired.
US.MACMILLAN.COM/YOUCANTDRINKALLDAYIFYOUDONTSTARTINTHEMORNING/CELIARIVENBARK Book: You Can’t Drink All Day If You Don’t Start In The Morning This site is very difficult to navigate and lacks a cohesive style. The cover artwork is not very accurately depicted in the design of the site.
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
MOOD BOARD
FLAT S N O I T A R T S ILLU LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
R: 255 G:253 B:235 C: 0 M: 0 Y:9 K:0
Jenna Sue - Regular (72pt) Arial Narrow - Bold (22pt)
Catem eate ni cullace rspictem sequi ut odis quamus, tet, animin nonsequae nonsed magnatem ullatus aliqui non prectet ute dolore cori niae. Dae natecae rferor ma adia con nus et enes erectat aquatem idi unt la int ex et periaerum rectotat verectur, vent exerum sitatem quae expla eum, nosapid qui offic tem fugitat emporatur, ulpari di con entibus ciatem restio illatiatus, que ditatecae con rae ex et ut volupta veritiossime elibus.
R:35 G: 32 B:33 C: 70 M:67 Y: 64 K:73
R: 37 G: 188 B: 182 C: 71 M:0 Y: 35 K: 0
R: 232 G: 34 B: 41 C: 2 M: 99 Y: 96 K: 0
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
SITE MAP PRESS EXCERPT BUY BOOK ENTER
HOME
AUTHOR
(links out)
EVENTS BLOG (links out)
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
WIREFRAMES FIRST PAGE IMAGE (75x188)
CALL TO ACTION TEXT
768px
1366px
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
WIREFRAMES ANIMATION PAGE ANIMATION (470x650)
768px
1366px
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
WIREFRAMES NAVIGATION PAGE NAV IMAGE (330x188) NAV IMAGE 336x188)
NAV IMAGE (270x200)
768px
NAV IMAGE (270x170)
NAV IMAGE (293x220)
1366px
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
WIREFRAMES ABOUT THE AUTHOR BACK LINK (100 x 35)
IMAGE (320x470) IMAGE (336x188)
768px Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue d BUY BOOK LINK (270x115)
1366px
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
WIREFRAMES EXCERPTS FROM BOOK BACK LINK (100 x 35)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
IMAGE (320x480)
IMAGE (270x200)
768px
BUY BOOK LINK (270x115) 1366px
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
WIREFRAMES CRITICS BACK LINK (100 x 35)
IMAGE (330x188)
BUY BOOK LINK (270x115)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant.
768px
1366px
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
WIREFRAMES EVENTS BACK LINK (100 x 35)
BUY BOOK LINK (270x115)
IMAGE (270x170)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
768px
1366px
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013
WORKS CITED “Book Launch: Don’t Worry, It Gets Worse: One Twentysomething’s (Mostly Failed) Attempts at Adulthood by Alida Nugent.” THE POWERHOUSE ARENA. N.p., n.d. Web. 17 Aug. 2013. Nugent, Alida. Don’t Worry, It Gets Worse: One Twentysomething’s (Mostly Failed) Attempts at Adulthood. New York: Plume, 2013. Print. “Hilary Winston – My Boyfriend Wrote a Book About Me: Book Publicity Site.” Hilary Winston My Boyfriend Wrote a Book About Me. N.p., n.d. Web. 29 Aug. 2013. <http://hilarywinston. com/home/>. “MINDY KALING – IS EVERYONE HANGING OUT WITH ME?” MINDY KALING – IS EVERYONE HANGING OUT WITH ME? N.p., n.d. Web. 29 Aug. 2013. <http:// theconcernsofmindykaling.com/the-book>. “Wendy Shanker.” Wendy Shanker. N.p., n.d. Web. 29 Aug. 2013. <http://www.wendyshanker. com/book.html>. “You Can’t Drink All Day If You Don’t Start in the Morning.” Macmillan. N.p., n.d. Web. 29 Aug. 2013. <http://us.macmillan.com/youcantdrinkalldayifyoudontstartinthemorning/ CeliaRivenbark>
LANDIS & LOWNEY | INTERFACE DESIGN | SUMMER 2013