B.V. Style Shop

Home page redux

HomePageonDesktop_LGE.png

Home page concept, wireframe, content, and build

Our Goddess Movement (OGM) is a video-rich community designed to connect, inspire, and support women as they uncover their greatest potential.

Debi and Alisha approached me with a request to redesign their home page. A local agency had done an excellent job on the initial WordPress site design, but my client wanted a richer home page that would:

  • better explain who they are and what they do
  • present the benefits of joining their organization
  • overcome objections to joining
  • include frequent calls to action to dig deeper and sign up
  • showcase their video content production talents

What follows is the journey we took to bring these goals to life. 

First, I proposed a few different looks. Here are the two they liked best:

 

Mood boards

Client Option #1

 
BoldGraphicGoddess_MoodBoard.png
 
 

Client Option #2

 
WellnessFemmeGoddess.png
 
 

Home page wireframe

The beta version of Adobe Experience Design (XD)'s wire framing software had just been released, so I gave it a shot. Soon I had an interactive page mockup to share with Debi and Alisha, shared via a simple weblink. Notice the chunked sections and frequent calls to action.

Explore the navigation paths in this interactive wireframe by clicking the pink Sign Up button. Then browse by clicking the pink buttons in each section. Click the BV Style Shop tab to return to this page.

 
 
 

WordPress page build

The original site designer had used the Divi Builder WordPress plugin to build out my client's site. This flexible builder made it possible to customize the home page for desktop, tablet, and mobile views as well as create eye-catching parallax and animation effects. 

 
DiviBuilderImg_LGE.jpg
 
 

Final home page

OGM_Watch_MockUpLGE.png
OGM_WhyWeNeedMockUp.png
OGM_Nominate_MockUp_LGE.png
 

Now that's an inspired home page!

Like what you saw? Contact me today to discuss your next project.