Day 1 — How to create a simple Banner Ad in App.
Today lets learn how to create a simple banner ad for a Mobile App. I will be using figma to create the banner ads.
To create basic banner ad we need to follow simple steps and we will get a decent design.
Step 1. Choose a gradient Background
Now lets select a gradient in figma with the help of a plugin. You can choose any Gradient Generator Plugin. I will be choosing Grainy Gradients.
Click on randamize until you satisfy with the gradient it generates and click on generate.
Get Praveen Nalakurthi’s stories in your inbox
Join Medium for free to get updates from this writer.
Step 2. Choose a Background pattern.
For this you can choose Blobs Plugin or any other of your choice. Click on randamise
Refresh till you get your desired blob shape. No need to worry you can select any blob and it will work.
Place it one side of the Banner Ad Frame.
Step 3. Add a illustration on the pattern.
Now open a illustrations plugin such as Storyset or any other of your choice or you can directly import from other apps like Freepik or any of your choice.
Step 3. Add Text to the other side of the Banner.
Now the Pattern and illustration is placed it is time to add the Ad text to the Banner. Lets say I want to create banner ad for Online Consultations of a Clinic available now. So I will add like this. Select a important word and highlight the word with contrasting colour of the background.
Add a CTA Button as well if you want the user to take action.
Now you can add the company logo if you want. Thats it there is your banner ad.
Lets see how it will look in the app.
It looks decent right. Thats it you just created a decent banner ad for your company.
