On Thursday, Noah Kagan put out the Geek Bat Signal to crowd-source the optimization of the AppSumo page. Being a guy who fancies a challenge and likes to help out other startup folks, I put in some thinking and mocked up my ideas. I thought I’d share the results here on my blog as well.
AppSumo Before
My Re-imagined AppSumo Layout
My approach was from an organizational perspective. I felt like the current layout was all over the place. The goal was to clarify the page and make it quickly digestible. The ‘deal site’ is a fairly established design pattern, so I took cues from Groupon, LivingSocial, Woot.com, MacHeist, etc.
I chunked the info into 3 primary sections and tried to really strengthen the area
above-the-fold.
Logo Section:
- Tweaked the headline slightly
- Increased the size of the logos
- Added 3-5 word descriptions for each product
- Added a big struck-out, regular price
- Added more white space
- Added a subtle shadow around the section to give it some prominence
Created a “Drawer” section to house all the deal details:
- Added a call to action “Get The Bundle”
- Moved the price and buy button next to each other
- Added a subtle shadow around the ‘buy box’ to give it added importance
- Added a Value/Discount/Savings table
- Simplified the countdown timer and added it to the drawer
- Placed in the “Buy The Deal Now, Redeem Whenever” text
- Made the ‘# bought’ section more prominent
- Added the sharing options below
Below the fold:
- Made The testimonial more prominent
- Added the company logo before each product description.
- Added more space between the product description and added a horizontal rule.
- Renamed button to “Buy The Bundle”
There’s also a subliminal “easter egg” in my mockup. Did you catch it? It happened on accident, but it’s pretty awesome, haha. The arrow in the Clicky logo points to the ‘Buy Now’ button:
So how would you optimize AppSumo?
Also, if you haven’t already you can still buy the AppSumo bundle for 2 more days. It’s a great deal. We bought it for Mugasha.
One Comment