View Landing Page
The following examples showcase web-based projects using Bootstrap, which is the most popular framework for building responsive, mobile-first projects on the web. In addition, they demonstrate how a company's website can be leveraged as it's primary lead generation tool with a focus on leveraging inbound digital marketing methodologies and best practices.
Created SCSS overrides mapped to a custom CSS file to override the default settings. Also, created a modular SCSS directory structure to manage the various partial SCSS files.
UI/UX Design
- Accessibility Audit
- Brainstorming
- Competitive Audit
- Content Audit
- Customer Journey Maps
- Custom UI Flat Design
- Empathy Maps
- Responsive Tables
- Use of New Card Components
- User Testing
Codebase
- bootstrap.min.css
- animate.css
- fontawesome
- bootstrap.min.js
- jquery.min.js
- popper.min.js
- reCAPTCHA
- Sass
- wow.js
- Semantic Markup
View Landing Page
Landing Page
What distinguishes a webpage as a landing page is it's objective, which is to convert visitors into leads. A landing page can be the designated page you're taken to when you click on an ad, or a page that follows a call-to-action button.
The differentiating component of a landing page is that it contains a lead form that asks visitors for their contact information, typically in exchange for something the visitor values, and a targeted, well-crafted landing page with sound copy will entice most users to act.
Best Practices:
- Craft a benefit-focused headline
- Choose an image that illustrates the offer
- Write compelling copy
- Include your lead form above the fold
- Add a clear and standout call-to-action
- Give away a relevant offer
- Only ask for what you need
- Remove all navigation
- Make your page responsive
- Optimize for search
- Remember to use a thank you page