2MLeaders.com

2M Leaders is a group with many great coaches and consultants for live and leadership. They coach people seeking to be better in their businesses or life to be better team players and leaders. They host live events for groups in keynote addresses as well as shorter talks.

For this specific 2M website, there were some interesting design choices specifically when it comes to mobile responsive sizes. A good example of this is when it comes to background images, which in previous projects, I would have made it cover the whole section with a lower opacity for the text to be readable on top (which I do for some sections), but for this project, I had the background image go on top of the section and let the rest of the content fall below, like a banner-content relationship.

Another functionality are the inclusion of the CSS-based slashes on certain background images, which was done by including pseudo elements and manipulating the border property. Then during responsive, I had to remove the slash element and put the text content into a translucent box on top of the background image.

Finally, another notable addition was something to make the home banner pop more. To solve this, I added an intro animation for some of the elements to animate in when the page loads.