As a member of the Thrive15.com team, I get to work on a variety of projects. One of the biggest updates to the podcast, the ThriveTimeShow.com blog page was in need of an upgrade. Here’s what I was able to come up with.
- Before:
[az_lightbox_image_sh image_url=”http://devinwoolery.com/wp-content/uploads/2017/01/ThriveTimeShow-Blog-Before.png” image_popup_url=”” thumb_width=”450″ title=”ThriveTimeShow | Blog Redesign – Before” gallery_name=”” class=””] - After:
[az_lightbox_image_sh image_url=”http://devinwoolery.com/wp-content/uploads/2017/01/ThriveTimeShow-Blog-Redesign-Full.jpg” image_popup_url=”” thumb_width=”450″ title=”ThriveTimeShow | Blog – After” gallery_name=”” class=””]
The overall concept for this design was to create a more visually engaging experience for visitors. We wanted the distractions to be minimized. To accomplish this, we used some behind the scenes photos to liven up the page visually above the fold, and pushed the advertising and text content below the fold.
[az_lightbox_image_sh image_url=”http://devinwoolery.com/wp-content/uploads/2017/01/thrivetimeshow-header-hover.jpg” image_popup_url=”” thumb_width=”500″ title=”” gallery_name=”” class=””]
Not pictured in the design mockup is the ability to navigate to next and previous posts by hovering over the main header graphic. On hover, two semi-opaque bars are displayed on either side of the main header image. This functionality also translates to mobile and touch devices with the ability to navigate to next and previous posts with a swipe left for newer posts and right for the older posts.
Recent Comments