Salesforce Redesign
DESERET BOOK
As the web designer for Deseret Book, I had the opportunity to redesign the homepage during the platform switch to Salesforce. While also being partnered with Red Van, they created the framework while I created the front end look and feel. It was up to me to refresh the website’s usability and design a better space that reflects Deseret Book as a whole.
Below are past site mockups. Promotions and promo codes are no longer valid.
The Process
To begin, I met with the web team to discuss what was needed from me. We talked about what was working on the current site and what needed refining. We started from the beginning with the style guide (colors and fonts) and then on to the layout.
One big change was the orange buttons and the fonts. The orange has been a common occurrence for years because it tested positively. But with the way it was being treated, a change was inevitable. Going back to the drawing board, we were able to settle on a new goldenrod alternative that kept the site looking professional and clean.
As for fonts, we needed a new web safe font that was close to the currently used font, Brandon Grotesque. Since Brandon is not considered web safe, we decided on Playfair and Josephin.
Now that the style guide was solidified, we then moved to wire framing and layout. Since Red Van had a structural system already in place, I used their guidelines to create a layout that suited Deseret Book’s needs, which you can view to the left.
OLD
NEW
Platinum Page
After the homepage was finalized, I moved on to a few other landing pages that needed layout designs.
Platinum is a paid program with multiple benefits for frequent shoppers. The purpose of the landing page was to explain the benefits you would receive and to funnel the users to starting the paid program.
The current page on the old website was taken down because it was outdated and not performing as intended. And so I gathered all the necessary information, had the copy revised by our copywriter, and approved by the marketing team.
I noticed right away that the information needed to be reorganized in a way that made sense. I grouped the benefits by cost benefits and physical benefits. The first three refer to earning points and future offers of savings opportunities. The second set of three refer to physical benefits like the LDS Living magazine subscription and discounts when you bundle with Bookshelf PLUS. I then included better visuals for each benefit and created a funnel effect by concluding with a call to action.
To the right, you can see the before and after.
