I am going to do some tear-downs of nice websites I find across the web, let me know what you think of this format.
🙏
P.S. If you have a website worth analyzing and roasting in public let me know in the comments
URL: https://streamyard.com/
The Persona: audience of the platform
- Entrepreneurs who are trying to get started live-streaming without wanting to spend crazy amounts of money.
- They want simple and efficient tools to use on the go.
- They do not want to set-up complicated software and hardware streaming solutions.
- They just want to get 2 or more people on a live-stream and interact with audience.
- They want to produce video-content podcast-style.
- Marketing execs who know they need to spend time producing ON-BRAND live and video content.
- They don't want to have the overhead of setting up a whole live-stream system on a powerful desktop PC.
- They want an all-in-one packaged solution they can run in a click
Tags: Audience interaction, Simplicity, User-friendliness, Entrepreneurship, Content producers, Video, Branding
The Hero
Above the fold:
- Cute logo, good simple navigation and smaller CTA immediately visible
- I read the H1 and I instantly get the benefits from using this tool
- Feature highlighted in H2
- Sign-up CTA saves me a step by just asking my email straight out to get started
- Wonder if not having SSO penalizes you when converting.
The Demo
- I love that the video zooms in to show features
- Allows me to quickly understand the product and how easy it is to use
Benefits to Persona
- Trinity Force! Only three benefits highlighted. Smart amount - not too few, not too many.
- These benefits directly talk to the user - they address directly the pain points and fears: simplicity, ease of use, professionalism, etc
- Love the usage of minimal icons that don't take focus away from the text
Testimonial
- What can I say, if you get Gary V. as a testimonial you have to put it on your landing page. Gary V. is super (in)famous everyone can see this endorsement if they spend 5 seconds on this page. Endorsement by a big personality of the product == big win.
- Especially the testimonial is pretty simple and to the point.
Use cases + Features highlight
They achieve 4 things with this section:
- It highlights a benefit.
- Introduces a feature
- Links to a product-feature page
- Shows a relevant testimonial
Genius
Alternative CTA
This is probably the part I like the least, because it lacks a little something.
They could've used the alternative CTA to show something or engage the visitor of this page that read this far. Give something that is informative / show something / embed some more social proof from social media? Many options
Footer
Well designed, highlights the important stuff and allows the user to learn more about the product & most importantly about the company!
Conclusion
All in all this is an amazing design and I wouldn't be surprised if it converts really really well - I guess the target audience is easy to find scouring on Reddit and marketing forums. I am very impressed.
Definitely a 9/10
This kind of breakdown into detail and comments show how professional you work and this gives potential clients how you are immerse in your talent !
I appreciate the feedback! I try to make some good content for the group whenever possible!
Love this breakdown, especially the annotated image. Saving this as inspiration for next landing page rebuild 💯
Glad you find this one useful - I appreciate your feedback - going to make more of these for people who enjoy them!
Hi creator!
I've completed your StreamYard Landing Page Audit Submission Landing Page Audit.
Here some sneak peak;
StreamYard Landing Page Audit Submission's Overall Score: 81
Your best score is on Main Objective, Compatibility / Performance
And you need to focus to improve Story
You can see the details about your project from https://productdoctor.co/audits/5120234880
If you want to measure other values of your website by exploring other audits that we have, Product doctor is a digital product check-up tool for indie hackers and product owners. Understand your products' UX potential, draw your road map and discuss the next steps with our experts!
You can check out productdoctor.co website and checklist other values of your digital product!
I really learned a lot from this! Thank you for the write up. I especially liked the part about addressing the pain points and fears the users might be having, didn't notice or think about this myself.
Thats amazing, thank you for the breakdown!
Wow I love this! Would love for you to roast my landing page as well :)
https://mailbox-io.vercel.app/
Wow this is gold!! I needed this kind of understanding for redesigning my website and creating new landing pages. Thanks a lot!
This is a very helpful breakdown!
This is really well done, love that it's broken down into sections.
Great breakdown! .. love it.
I like this a lot Orlie, really interesting, and the more, the merrier!
If there's something that put me back was when I navigated to them was those small avatars and their testimonial on each section, mostly because these ones felt like "fake avatars"...
I see what you mean, they could link to their LinkedIn on click to make it look less "fake" for sure! (but then it's a bounce to a new page...)
Very well structured and very insightful! Thanks for sharing👍🏼
Thank you so much!
P.S. Love "God of War" myself - Kratos FTW
This is super insightful! Thanks for the breakdown 👏🏻
Thanks for the comment - nice to hear you enjoyed this!