Home > Paid Traffic Sources > Mobile

First mobile lander ever (12)


06-20-2016 08:50 PM #1 davidep (Member)
First mobile lander ever

Hello everybody,
I've been reading great Caurmen's guides about creating a landing page for mobile.
I'm currently setting up a campaign for online slot games and I'd like to create a landing page with adobe muse. Now here are my questions.

1. The landing page explained in caurmen's guide are very simple (white landscape, a few lines and an image), in my ignorance I'd like to know if a more "sophisticated" lander would be better. With sophisticated I mean something like this Click image for larger version. 

Name:	All_Slots_Casino.png 
Views:	151 
Size:	234.6 KB 
ID:	11865.

2. What is the right page size for landing pages, both mobile and desktop? I need this information because it's the first thing Muse asks you as you start creating a new webpage. Here's is my real doubt. In the guides it is said that for mobile a landing page must be able to adapt to any phone but how can it be done with muse? Do I have to download a template and edit it with a text editor?

Thanks


06-20-2016 10:24 PM #2 yazimedia (Member)

Hey Davidep,

I asked this exact question a couple of weeks ago and zeno was kind enough to answer.

Adobe Muse is not suited for mobile landing pages. The pages it kicks out are too big and their responsiveness isn't ideal.

I know it seems like a big mountain to climb, but you really need to dive into HTML and CSS for the mobile game. It will seem daunting at first but it really is worth it. I've been learning by ripping landing pages and modifying them pretty drastically. You'll learn a lot this way.

You'll need a spy tool to rip the landers. I'm on the four day free trial for https://www.mobileadmonitor.com/ at the moment. Its pretty decent. Has some unique landers I haven't found on the usual places and allows you to quickly download a zip of the lander to upload to your server and modify.

Some great tools I've stumbled across:

http://cssminifier.com/
Minifies your CSS code so as to take up less space. You can also minify your HTML, just google it.

http://html-color-codes.info/
This is great for finding colours to match specific brands. You can upload an image and it'll give you the colour code that you can insert into your CSS/HTML.

http://www.bestcssbuttongenerator.com/
Easy way to generate nice-looking buttons for CSS.

http://www.colorzilla.com/gradient-editor/
Generates gradients for use in your CSS.

https://validator.w3.org/mobile/
The strictest mobile-friendly tester I've found. You'll realise just how much you can optimise in terms of speed and how important responsiveness is. Go to a Muse page on this and you'll see why it isn't the best idea for mobile landers.

https://www.dotcom-tools.com/website-speed-test.aspx
Checks the loading speed of your page from various locations. Very useful if it has one of the GEO's your running in.

http://compresspng.com/
http://compressjpeg.com/
Easiest way to reduce the size of your landers.

And I can't overstate the importance of Photoshop. You NEED to have a basic understanding to get anywhere designing your own landers.

Sorry - got a bit carried away there but I hope it was of some use to you!


06-20-2016 11:57 PM #3 mobile_ad_monitor (Member)

Hey David,

A few thoughts.

1. I run a mobile spy tool and can tell you that from scraping thousands of sites each day we see a lot more unprofessional, simple landscape landers than professional ones. This could mean two things. It could mean people are lazy and just don't make good landing pages or two uglier, less professional landing pages perform better. I tend to think the ladder.

2. In terms of size there is no standard per sey. What is more important is that it works on a variety of devices. Use a tool like https://chrome.google.com/webstore/d...cgefonfh?hl=en and make sure the landing page looks good on all of the sizes.

3. Adobe Muse is the quick but lazy route. Landing pages are far too heavy and you don't develop web development skills using it. Instead I would take codeacademy's basic html/css course. You'll be making sites purely using code faster than you think.


06-21-2016 01:59 AM #4 mrmarketer (Member)

David,

What might be easier (and this sentiment is echoed throughout the forum), use a spy tool or look at live traffic and see what is currently being run. Run a few of the landing pages along with some banners (make a few of your own too) that are currently being run on the traffic source. You can also reach out to your AM and I've been grabbed pre-sell pages that way too.

I think it'd be easier to see how landers that are running on there perform and reverse engineer your way backwards from there through split-testing versus trying to spend the time building it from scratch, worrying about the responsiveness for different devices, browsers, etc. I would start with a few banners and landing page combinations and test your way out of it. When I'm diving into a new vertical or traffic source (in cases where I'm not scaling horizontally) I like to use very different ones, see which performs best, and make variations from there. Best of luck!


06-21-2016 09:06 AM #5 davidep (Member)

First of all: thank you all guys, you're great

@yazimedia. I took a look at that thread but I've been hoping that something could be done with Muse since it's quite simple to use (though IMHO is worse than Word, PowerPoint etc ). Anyway, I'm ok with learning and using html, css and all that because I like it .
Thank you very much for linking all those tools. I'm sure I will need them
So basically, your suggestion is to rip and edit the landers using these tools right?

@mobile_ad_monitor. Thank you for that tool, it's great. By the way, would you suggest Muse for desktop Landing pages or go writing html anyway?

@mrmarketer. Thank you too. I've been learning how much spying is important . If you know what works well and converts you don't need to spend a lot of time testing

One last question, what do you think I should do to create my lander and start my campaign as soon as possible? Using the tools yazimedia linked?


06-21-2016 09:25 AM #6 mobile_ad_monitor (Member)

@davidep

Muse is okay for rapid development of desktop landers but without understanding the code you're always going to be limited in your ability to problem solve and make the changes you want. For now I'd use it, but if I were you I would put the little extra work in to learn HTML and CSS. You'll be developing an advantage in a competitive market.


06-21-2016 09:47 AM #7 davidep (Member)

Quote Originally Posted by mobile_ad_monitor View Post
@davidep

Muse is okay for rapid development of desktop landers but without understanding the code you're always going to be limited in your ability to problem solve and make the changes you want. For now I'd use it, but if I were you I would put the little extra work in to learn HTML and CSS. You'll be developing an advantage in a competitive market.
The thing about Muse that blocked me was that I couldn't find the right page size both for mobile and desktop.

Anyway, you're right. I've already found some easy tutorial on Youtube about html,css etc so I hope I can creating this fucking Landing page soon . BTW, beside youtube and caurmen's guide, do you know where I can find some guide about it? Just for knowledge


06-22-2016 04:25 AM #8 mobile_ad_monitor (Member)

Torrent a udemy course on it! You can learn a lot really fast. I'd also recommend Codeacademy.


06-23-2016 10:02 AM #9 davidep (Member)

Ok guys, I did it!
I studied and tried a lot with html and css and in the end I managed to create my first lander for mobile completely with html, from scratch too . I've also registered in mobile ad monitor but since I have found no Landing pages that were ok with my aim I decided to create one on by myself. It's all experience anyway
This is what came out. In my opinion it sucks as hell but I hope that the fact the non-professional lander converts better is true
Click image for larger version. 

Name:	Immagine.png 
Views:	62 
Size:	116.1 KB 
ID:	11889
The button changes color black as you are on it with your mouse.
Please let me know your opinions.

By the way, as I've also asked Caurmen here when I visit it in my phone although it fits good in the device the image can't be seen. Instead of the image appears a square with a little green icon at the left top. Do you have any suggestion?

Thanks

EDIT. The problem with the image is now solved . Meanwhile I've also changed the picture because in my opinion it wasn't "following up" the banners in the right way. HERE the link for my tests where you can find the lander. If you visit it on desktop it's going to appear too big but on phone it seems to me well-optimized


06-24-2016 02:55 AM #10 mobile_ad_monitor (Member)

Quote Originally Posted by davidep View Post
Ok guys, I did it!
I studied and tried a lot with html and css and in the end I managed to create my first lander for mobile completely with html, from scratch too . I've also registered in mobile ad monitor but since I have found no Landing pages that were ok with my aim I decided to create one on by myself. It's all experience anyway
This is what came out. In my opinion it sucks as hell but I hope that the fact the non-professional lander converts better is true
Click image for larger version. 

Name:	Immagine.png 
Views:	62 
Size:	116.1 KB 
ID:	11889
The button changes color black as you are on it with your mouse.
Please let me know your opinions.

By the way, as I've also asked Caurmen here when I visit it in my phone although it fits good in the device the image can't be seen. Instead of the image appears a square with a little green icon at the left top. Do you have any suggestion?

Thanks

EDIT. The problem with the image is now solved . Meanwhile I've also changed the picture because in my opinion it wasn't "following up" the banners in the right way. HERE the link for my tests where you can find the lander. If you visit it on desktop it's going to appear too big but on phone it seems to me well-optimized
Awesome man! good work. Hit me up with a message if you're not finding a lander that you need on Mobile Ad Monitor. I can look in our inventory from the past year and often find what you need .


06-27-2016 10:36 PM #11 vincent9 (Member)

hey

in muse there is a break point feature that allows u to rearrange the look of a page according to different sizes, would this not be a good enough feature to make muse a good piece of software to make mobile lander. make multiple break points every so many pixels and then re arrange to make sure it looks ok. that way you would basically be able to kinda hit all screen sizes you might come across. im guessing the problem here might be the bloated code. if anyone knows and could help me clarify this that would be good.

thanks.


07-06-2016 02:52 PM #12 davidep (Member)

Hi guys,
I've just had to stop a campaign because it wasn't converting at all and by tracker I can tell that is because users close the landing page without even clicking the CTA button.

I've created landers following these guidelines:
- 3 lines that describe 3 benefits (sometimes I describe 3 steps for exemple: 1. join 2. get your bonus 3. play)
- easy and non-professional html page
- Appealing image sometimes used as background

The problem is that they don't convert and I don't know how to optimize them. Please help

Quote Originally Posted by vincent9 View Post
hey

in muse there is a break point feature that allows u to rearrange the look of a page according to different sizes, would this not be a good enough feature to make muse a good piece of software to make mobile lander. make multiple break points every so many pixels and then re arrange to make sure it looks ok. that way you would basically be able to kinda hit all screen sizes you might come across. im guessing the problem here might be the bloated code. if anyone knows and could help me clarify this that would be good.

thanks.
I don't know anything about this piece of software but I think that the main problem with mobile landers is that they must be able to adapt to screen and if you set specifical sizes it may not be good. That's way html is suggested.


Home > Paid Traffic Sources > Mobile