How to build an engaging business Facebook Landing Page
Brief
Create a Facebook home page to promote our business and encourage visitors to like the page.
Result
What motivation does anyone have to click the like button? The pretty Mac monitor flashes our skills and the cheeky like button prompts the user “Give us the opportunity to help you”.
Overview
1. Welcome site
Please note the giant like button.
2a. Promotion page
You are redirected here after liking. We put stress on getting in touch!
2b. Promotion page (without like)
Another scenario – someone entered the bookmarked URL of this page directly into the browser without liking – the contact form is greyed out, so we require user to like the page first.
3. Confirmation
After submitting a form we display an amusing thank you note.
View the completed page here
Technical notes
There was nothing particularly complex used to develop this facebook page content. See
below. Although ensuring it works across all browsers did take a reasonable amount of time.
Plugins, resources and technologies
(plus some motivations behind them)
- Hyperarts – adding an application to Facebook tab
- Hyperarts – creating reveal fan-gating pages
- yayQuery Facebook Like Hijacking to capture likes from the button
- Modernizr – to detect old browsers without CSS3 and HTML5 enabled
- jQuery contact form – to send an email without refreshing page
- jQuery slider – to have these beautiful transitions effects
If you would like EKO to help you develop a custom version for your own business Facebook page contact us here.
Recent Comments