Check out my latest project called Rails UI 🎨

August 5, 2017

Let’s Build: A Consultancy Website – Part 22

Coding the home page call to action and global CTA

Part 22 carries on the series by introducing the call to action I designed for the home page as well as a global call to action that displays on every page of the site.

If it isn't already obvious, a call to action is a way to convert a user to do some type of action. In our case, it redirects the user to the contact page where users can send a message directly to Alyssa. This is the ultimate goal at the end of the day after all.

Coding these parts are relatively simple. After creating fields for each section I was able to style those independently. I created new sass files for each section and applied styles within each.

Global settings

Because the global call to action will be on each page I created the fields inside the site.yaml file rather than the home.yaml file within the blueprints directory.

Download the Source Code for this Project

Source Code

The Series So Far

Est. reading time: 2 minutes
Stats: 542 views

Collection

Part of the Let's Build: A Consultancy Website collection