Believe It.
Designing the landing page for Philadelphia Eagles quarterback Nick Foles’ biography.
I used Adobe XD to design the layout and Webflow to make a high fidelity prototype.
On April 11, 2018. My employer announced that Nick Foles, Philadelphia Eagles quarterback, had agreed to terms to publish his memoir. Tasked with creating banner ads and emails, my manager passed me the duty to design the landing page as well. The only assets given were two potential covers (still in the completing approval stage) and a headshot of Nick Foles.
Thumbnails of the two potential book covers and Nick Foles' headshot.
To select the color palette, I uploaded the covers to Adobe Color. Between the two covers, the color results from Adobe Color were almost identical. I thought the top colors from cover one were the most vibrant, so I chose these as the winner.
The top cover was chosen as the official approved image to use for the book's front cover.
With the official image for the book's front cover. I wanted to pull some of it's graphical elements to use on my projects.
I didn't have access to the front cover's layered files. But the cover image asset I did receive was pretty large. Just the title "Believe It" was 1725 x 335 pixels long. With that scale, I could grab the title, turn the choice into a smart object, and use my choice just fine on my banners and landing pages.
The image of Nick Foles pointing up attracted my eye, so with my magnetic lasso tool I removed him from the background.
I watch football, and I always enjoy the futuristic, metal textured graphics the NFL uses. So I spent some time dressing up Nick's headshot with graphics like the graphics of the NFL game.
The study bible marketers handed me three word documents containing light copy, a PDF sample excerpt and 3D graphics for the available editions. With the content in my hand, I began wireframing the landing page for desktop, tablet and mobile use.
