Redevelopment Journal : FitPractical

Status
Not open for further replies.

dreamache

New member
Jun 26, 2006
4,394
130
0
fp_redev.gif



Ok I'm going to try something unique here. I'm going to document the redesign/development of one
of my fitness sites. Now I have others, but this one is a good example of a site with potential, but
really neglects obvious factors that are a necessity in good conversions.

The purpose of making this "redevelopment journal" public is to both help & *be helped*. I intend to
track & display every detail of this process, including traffic & conversion statistics both before and
after the redevelopment.

I have a few goals in mind
  • Analyze the current site and note the potential improvements
    (this process is already for the most part complete)
  • Redesign the site with the new improvements in mind
    (this will also require carefully documented considerations of usability and general design technique.)
  • Develop multiple landing pages & tours for conversion testing
    (I will display real-time traffic and conversion statistics for each landing page.)

Site Information

Industry: Fitness / Fitness Training / Health
Name: FitPractical
URL: fitpractical.com
Description: FitPractical is an online fitness training service that offers members several useful
features. A custom written eBook, client/trainer message system, dynamic fitness journal & 60+ custom
written bonus articles. The goal is to help members both lose fat, and build muscle (depending on the
clients' goals) through real fitness training methodology. In order to become a member, the visitor must
signup and pay a monthly recurring fee. The fee at this point is up in the air.


How this will work

I will start with the very first step, which is analyzing the current site. This means finding the obvious
flaws and coming up with a game plan that will result in the highest possible conversions. I will take all
of my own research and feedback that others have given me and organize it to correspond with a
new design.

The second step will be to take that feedback and begin a new design. I will post screenshots of
the design as it progresses (I will have to either watermark them or scale them down so people can't
steal). I will also note reasoning for each design element / update.

The third step of course will be conversion testing and throwing traffic at it.

I will attempt to cover the first step within one single post, posting all of the feedback I've received
along with screenshots of the current site that correspond with the feedback. That way we'll
have a physical representation of flaws and improvements.


The Stats at the top of this thread

As you can see, there are a few graphical buttons I've created that provide stats about the site I'm
redeveloping. First is awstats, second is a custom stats program I wrote awhile ago (I only started
tracking it a few days ago so if you sort the date back too far, you won't get much data). The
others are just quick accessible links.
 
  • Like
Reactions: Stanley


Step 1 : Analyze Current Site

The following is a list of feedback I've received from a different thread on this site and another.. I've also provided (in white
text) my own feedback.

fp_review1.gif

fp_review2.gif

fp_review3.gif


There are probably a lot of other aspects of the site that are wrong, or things that I could improve on. But I think if I can
address at least all of those, the site should convert
a lot better.

The next step will be the redesign, and I will provide before / afters of each page (a side by side view of the old page and the new
page), and explanation for the changes.
 
Step 2 : Redesign (Home Page Draft)

wf-draft.gif


Any opinions on this home page format would be appreciated.
 
Step 2 : Redesign (Breaking Bad Habits)

Ok, shortly after my last post, I realized something fundamentally wrong with my "redevelopment" approach. The problem with the current site is not the design itself, it's with the ad copy, the content. I have always had a problem of wanting to completely revamp entire projects if they don't convert, attributing the lack of conversions with layout/design rather than just changing the actual content. Visitors generally don't care about the design, I've heard this time and time again.

So I'm not going to be redesigning the site. Rather, I'm going to focus on sales pitch, ad copy, etc...

This means I (we) will be able to see how this pans out a lot quicker, since I won't be wasting time on redesigning.
 
Step 2 : Redesign (Home Page Draft)

So I've kept the same design as mentioned from my last post, and I focused completely on adding a lot more informative
content. The graphic of the woman in the water is going to be in flash and the "polaroid" style pictures will transition in a
before/after format. One thing I did change design-wise was the resolution it's designated for. The old design was for 800x600,
this one is for 1024x768.

The beige area to the left of the woman is an area that mentions overweight statistics on the yellow bullets, and then
the negative health risks associated with obesity for the red bullets.

The empty area on the right hand column will either be a section for posting logos of prominent companies the service has been
mentioned on, or a picture / brief info of one of the trainers.

new_hp.gif

 
Step 2 : Redesign (Article 1)

I have 4 articles I want to write (the first one is shown beneath) that will act as hybrid article/landing pages.

whyshow.gif
 
Status
Not open for further replies.