search

Murphydbuffalo / hyp2

Low risk, intuitive product experimentation. Inform your product decisions with evidence from your users.
https://onhyp.com
1 stars 0 forks source link

Landing page optimization #53

Open eliasjulian opened 3 years ago

eliasjulian commented 3 years ago

KPI:

So we need to optimize the UI around:

Some inspo:

eliasjulian commented 3 years ago

@Murphydbuffalo here's a first rough pass at an optimized landing page, I'd love your thoughts on information hierarchy for the page! https://framer.com/share/hyp--9EguioTaAK93HAdEiFbA/nMKEiSNmY

Murphydbuffalo commented 3 years ago

Hey man! This is lovely :). Some initial thoughts:

  1. I really like how you're using a/b testing to give people context about the space we're in, while also emphasizing that we're different. Honestly that's brilliant - I think it conveys a lot of info in very few words.
  2. I wonder if it makes sense to have one of the bullet points describe how it works (without overwhelming the reader with lots of complex info). Maybe something like Automatically send more traffic to the variations of your product that work best. Don't waste traffic on the variations that don't work well. Or Automatically adjusts traffic to multiple variations of your product in real time. The variations that work best get more traffic, and valuable user sessions aren't wasted on those that don't work well. Obviously we can experiment with the exact copy on that. I know I personally am hesitant to sign up for things if I don't have a decent idea of what they are for. For that reason I'd argue that we should try a bullet point like this as the first one, even before pricing.
  3. I'm legit very excited to use the product to experiment with different versions of this! 😄 . There are a lot of variations of the copy and ordering of the bullet points that I think would be cool to try out.
eliasjulian commented 3 years ago

@Murphydbuffalo awesome! Love all of this. Totally agree on being straightforward on what hyp is. I'll work that in there fo sho

Murphydbuffalo commented 3 years ago

NOICE. Thanks man!

eliasjulian commented 3 years ago

Added that point about what exactly Hyp is to the page, tweaked some phrasing in the copy, and also some hover states for the email submit CTAs. LMK how this is feeling! Thinking I'll dust off my vanilla web dev skills to start building this out next! https://framer.com/share/hyp--9EguioTaAK93HAdEiFbA/nMKEiSNmY

eliasjulian commented 3 years ago

@Murphydbuffalo I put a WIP build of the site on codesandbox until we figure out where to put this bad boy and how it deploys. This should be roughly in line with the MaintainableCSS stuff we talked about but I def need to go back through and refactor a few things into components & modules most likely. LMK how it's feeling! We can do an actual code review on github just wanted to ping you with this version ✨

Murphydbuffalo commented 3 years ago

@eliasjulian hey dude! Thanks for cranking on this. I'm going to take a pass this weekend at moving the Django app to app.onhyp.com and setting up a static site for the landing pages at onhyp.com. That way we can get into a normal PR review cycle like you mentioned, which I think will be very noice indeed.

As part of the static site build process I'll have some code that can minify and concatenate our CSS & JS files so we only have a single request for each of our application CSS & JS files in the HTML head.

Really the main thing I want to iterate on is the copy, let's work out of this google doc so we can suggest changes to each other and see the suggested diff easily.

Murphydbuffalo commented 3 years ago

And obviously we can eventually come up with multiple versions of the copy to run experiments with