The last asset that I have to design for my bank branding is a landing page. I have actually never heard of the term landing page before, so I had to do a quick google search on the term.

According to Wikipedia, a landing page is "a web page which serves as the entry point for a website or a particular section of a website."

The purpose is to give a quick overview of all the best things you have got to offer, and turn visitors into customers.

We were expected to make our landing page in Webflow. Thus in class, we set up a Webflow account for the first time, and later on, Dr Kyle gave us an introduction to Webflow.

For me, since I have never done a landing page before, the first step is to seek out some inspiration. I used the resource given to us in class called "ONEPAGELOVE.COM". I collected some of my favourite web pages and put them together into Figma;

Since it is my first time using webflow, I thought I would start off with a simple layout and then build on my ideas. The foundation for my landing page was built on inspiration from these 2 web pages ;

I liked how on the first webpage there are 3 clear sections of different offers, I would like to do the same for my brand where I can market to potential customers 3 of my bank's best qualities. I also wanted a big first section like the webpage on the left, it is one of the first things people will see and it grabs attention. I think I may put my "join now" button there too;

I wanted to build upon that idea, thus I looked into other elements that I can add to my landing page;

For the left photo, I like how there is 3 separate standout element introducing the perks of the brand against a white background. I think I would like to do something similar and show all the different bank accounts that my bank has to offer.

For the right photo, I like the strip of " sign up for the course now". It breaks up the page nicely and since my first idea just contains " section 1", "section 2" and "section 3", I think it will add a fun aspect to my rather rigid and mundane foundation layout;

Now that it is coming together nicely, I did a few mockups on Figma to see my idea in colour;

The left mockup was my first attempt, after discussing my ideas with my teacher, we decided to simplify the heading image.