Portfolio Website for Leonard Fom

Syed Nouman

Web Designer
Web Developer
Webflow Developer
Figma
JavaScript
Webflow

✨Project Overview

✦ About The Client: Leonard Fom

Leonard Fom has a wealth of experience in major multinationals, financial institutions, and Big 4 consultancy firms spanning 20 years and 5 Continents. He has transformed many organizations.
Hero section of the website for Leonard Fom
Hero section of the website for Leonard Fom

✦ The Client's Goals and Needs

Leonard, like any inspiring businessman wanted to put himself out to the world through a website. Leonard approached me for a website that is hand-crafted according to his design needs. We had a meeting in which we discussed his business and design needs.
Section from About Us page
Section from About Us page

🚀 The Process

Right after having a meeting with Leonard, I took the following steps to take the project to completion:
✧ Color Theme: Colors can either make or break a website that's why I made sure to go with the colors that would suit Leonard's personal brand and communicate the emotions that he intends to. I went with colors that communicate joy and optimism but confidence and authority at the same time.
You can have a look at: https://www.leonardfom.me/
✧ Typography: Typography is also one of those aspects that decides the personality of a website and is an essential character of a website. For Leonard's website, I went with Playfair Display for headlines and Sora for paragraphs.
After assuring Leonard's satisfaction regarding these aspects, we moved on to the following steps:
✧ Initial Wireframes: I went ahead to create the initial wireframes for the website that decided the layout and structure of the website.
✧ High-Fidelity Mockups: Once the wireframes were approved, I moved on to make high-fidelity mockups for the website which will then be converted to the live website using Webflow.
✧ Development: I developed the complete website along with all its pages in Webflow. All the website is completely responsive and accessible from any device.
✧ Deployment: Once the website was fully made, I connected it to the domain that the client already had and the website was live!

Project Mockups

Here are some pictures from the website to give you a better idea about the website:
Section from the About Us page
Section from the About Us page
Various pages of the website
Various pages of the website

Integrations

The client wanted to integrate his Calendly into the website so anyone can book a meeting from the website. To implement that I wrote custom embed code for the website and successfully integrated Calendly into Leonard's website.

Interested? If you like what I do, reach me out and we can have a chat about bringing your ideas to life!

Partner With Syed
View Services

More Projects by Syed