thomasgriffin / theme

Theme for Pippinsplugins.com
2 stars 3 forks source link

Wireframe #12

Closed pippinsplugins closed 9 years ago

pippinsplugins commented 10 years ago

Andrew, please post the initial wireframe here for discussion.

amdrew commented 10 years ago

Here's 2 very basic designs to ponder on. Hopefully this will show us which direction to head in. You can ignore the logo, wanted to at least have something there. Enlarge to view!

I've kept blue as the primary color at your request and toned down the colors so they are almost pastel. The blue will work well with green and perhaps another color. I can see green being introduced in certain places such as primary buttons.

I'm still digging the font we used on AffiliateWP. I've got a 5 site license so if you're happy with it I think we should give it a shot and see how it looks.

Design 1

Your typical top navigation layout, similar to AffiliateWP but cleaner.

Homepage

The 3 boxes will be Easy Digital Downloads, AffiliateWP, RCP etc with a link somewhere to view more products. There will be a whole lot of other awesomeness on the homepage such as recent blog posts, but blog posts and products will be main focus. The products link in the menu shows an active state. There will of course be some sort of menu on hover for the links that need them.

1-home

Product page

Not too different from homepage. Boxes are 300px wide for adverts or anything else. I'll most likely build anything else as I go, but follows suit from the homepage. I opted against a unique color for each product page, looked too harsh but we can see how it looks when building. Will look more like a product page when finished. The idea is to simplify and show an uncluttered product page, with a dedicated area for screenshots, comments, content, and a super awesome pricing options + purchase link.

I'm not sure where we will stick product add-ons but there's plenty of space to put them.

1-product

Design 2

Click to view!

Overall a very vertical layout but I think can work very well given the amount of content that needs to go into the site. The bar on the right could primarily act as a home link (logo) and sharing mechanism, and could possibly change depending on page context.

Homepage

2-home

Product page

Again, showing 300px wide boxes for ads or secondary sidebar for other links etc

2-product

And the winner so far is?

amdrew commented 10 years ago

@pippinsplugins Should we kill comments on product pages and instead opt for a FAQ section, or do you still want to have them there somewhere?

pippinsplugins commented 10 years ago

Awesome! I'm really loving the first, non vertical version.

I'm not really sure what to do with comments. Since the products are having their original blog posts redirected, what should happen to the comments? Maybe I should move them all. I'd hate for those to be lost or inaccessible.

On Wednesday, August 13, 2014, Sumobi notifications@github.com wrote:

@pippinsplugins https://github.com/pippinsplugins Should we kill comments on product pages and instead opt for a FAQ section, or do you still want to have them there somewhere?

— Reply to this email directly or view it on GitHub https://github.com/pippinsplugins/theme/issues/12#issuecomment-52020020.

amdrew commented 10 years ago

@pippinsplugins Great, I think I'll roll with that then, let's start building it. No doubt it will change drastically along the way.

Comments - no idea, that's a tough one... Archive them somewhere and prevent new comments?

pippinsplugins commented 10 years ago

I'll think on comments for a bit.

On Wed, Aug 13, 2014 at 4:30 PM, Sumobi notifications@github.com wrote:

@pippinsplugins https://github.com/pippinsplugins Great, I think I'll roll with that then, let's start building it. No doubt it will change drastically along the way.

Comments - no idea, that's a tough one... Archive them somewhere and prevent new comments?

— Reply to this email directly or view it on GitHub https://github.com/pippinsplugins/theme/issues/12#issuecomment-52114175.

amdrew commented 10 years ago

Started to build theme. This is what a single post is looking like at the moment

screen shot 2014-08-14 at 7 59 05 pm

amdrew commented 10 years ago

The beginnings of the product archive

screen shot 2014-08-14 at 8 25 59 pm

amdrew commented 10 years ago

Search https://cloudup.com/cBjDz3QMHqQ

amdrew commented 10 years ago

Bit of product love

screen shot 2014-08-14 at 10 42 03 pm

The add-ons will show something like this at the bottom

screen shot 2014-08-14 at 10 43 20 pm

pippinsplugins commented 10 years ago

I'm really liking that!

A couple of things:

  1. For products, there will need to be a Documentation sidebar, per #5
  2. For products, there will need to be a Support link that points to /plugin-support
  3. I'd like for each product to have a simple preview image, similar to AffWP add-ons.
amdrew commented 10 years ago

Sounds good