Werewolf Homepage Wireframe

Wireframe for Werewolf's homepage.

===
It's hard being unique with homepage nowadays as it seems we are all trying to solve for the same thing:

1. Hero that showcases the product and fresh, revolving content
2. Endorsements from other legitimate products, people
3. Short '1,2,3' elevator pitch on product
4. Highlight various current (and future) features in a rhythmic pattern
5. Funnel various users to appropriate CTA
6. Superfluous links to other parts of site for users who don't commit to CTA

All usually in centered block elements that stack neatly on mobile.

That being said, I, like probably a lot of you guys, am inherently against this sort of conformity. I will sit there and stare at those 6 points for hours and try every cute, clever layout under the sun in order to be different.

...and every goddamn time, I get to a point where I'm happy with the unique direction I took, only to immediately remove the flourishes I added to hide the basic foundation I started with. It's such a a rough cycle and why landing pages seem fun on the surface, but are such a pain in the ass.

That being said, this layout for Werewolf is the result of tossing 3 others I spent way too much time being clever with. I ultimately boiled it down to the basics. I did add few unique touches such as a hero with full-width promotional video with an overlapping CTA that I hadn't seen before.

More by Josh Martin

View profile