I came across this nicely designed audio player on CodePen, put together by Michael Zhigulin It uses the waves.js click effect library...
5 tips to designing better landing pages
Marketing your site to the right audience and getting your core message across is crucial in order to sell your product or service. There is no single formula to achieve this, only different strategies and tests will lead to a landing page that suits your products needs.
1. Call to action
Users will click on a call to action buttons because they expect to see information that a button says the next page would provide. If your users don’t quickly recognise the content on the corresponding landing page, they will leave. Therefore, make sure that whatever message your CTA button promotes is the focus of the landing page.
2. Make forms easy to use
Providing the least amount of hoops to jump through for a user means your conversions will be higher. Users hate forms and complicated user flows. if you’re landing page is designed to push users to signup to your site make the process easy with the least amount of required fields, and keep the form above the page fold to maxamise its exposure.
3. Clear Messaging
You have one shot at convincing a user to buy your product or service. If you’re offering something free then make it clear what the benefits of signing up are. Make sure that your marketing campaign has continuity when it comes to design and messaging. As a user you don’t want to click a banner and be greeted by a page that bears no relevance to the message you’ve just seen
4. Give a little extra
Everyone loves a free lunch. Add value to your product by giving a little more away. Even the opportunity to win a t-shirt is enough to get users interested in your product.
5. Engage your audience
The use of online video viewership, by both businesses and consumers, is at an all time high. The average person watches 180 videos online each month. These are statistics just can’t be ignored. Video is a great medium to engage your audience and simple informative content can work wonders to drive conversions.
Check out the Mailchimp landing page to promote their free product as well as their social tools
good article