A Website Makeover.
Going responsive for the first time.
Created a low-fidelity wire frame. Then mocking up a design on Photoshop using a Bootstrap responsive grid.
The NLT Study Bible stands as one of Tyndale's top-selling titles, with over 250,000 copies flying off the shelves. In 2017, Tyndale felt it was time to refresh its iconic look. The cover design team worked their magic, giving the Bible a modern makeover, but the job didn’t stop there.
The marketing team called on me to revamp the landing page and bring the digital experience up to par. The old site was outdated and lacked responsiveness, so the first priority was to ensure the new design worked seamlessly across all devices. With a few key requests in mind—keeping the classic blue color palette and echoing the new packaging design—we set to work on creating a fresh, user-friendly experience.
Out with the old! Designed in 2013, here is a screenshot of the retired cover and original landing page.
The cover design team documented the new style guidelines in an Excel spreadsheet. Using that information, I created a comprehensive style guide.
I extracted font names and sizes, color codes, and graphics from the spreadsheet to develop a visually organized manual for reference.
The marketing team provided me with three Word documents containing copy, a PDF sample excerpt, and 3D graphics for the available editions. With this content in hand, I began wireframing the landing page for desktop, tablet, and mobile devices.
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.
