Home > Technical & Creative Skills > Design - Imagery, Banners & Landers

Adobe Muse for Mobile Landers (7)


05-23-2016 01:36 PM #1 yazimedia (Member)
Adobe Muse for Mobile Landers

Hey guys,

I've recently taught myself Adobe Muse and I find the entire design process to be a lot smooth and quicker than HTML/PHP coding (obviously). I worry that the files kicked out by Adobe Muse may be a bit heavy for mobile though and GTMetrics/Pingdom have backed this up.

I just wanted to know if any of you are using Muse for your mobile landers and if so, what are you doing to keep the size down and the pages loading lightning-quick on those annoying cellular connections?


05-23-2016 01:45 PM #2 zeno (Administrator)

I think you can use it for a basic page but you'll then need to rip it apart and likely restyle it a lot.

Mobile landers should be responsively designed, use em font sizes, % widths, have media queries, etc. Muse doesn't do these well at all.

It's probably easier to just work from basic templates coded by someone who knows what they're doing... or have a developer on hand.

But for the visual design of Muse > mobile lightweight lander... I think you may encounter quite a few hurdles unless you build in muse with %'s/em from the beginning.


05-23-2016 02:24 PM #3 yazimedia (Member)

Thanks a lot for that - makes sense.

Would you say Adobe Edge is better when it comes to adaptiveness?

I'm on the brink of diving into the code and re-styling HTML/PHP templates myself. Just hate how it limits my creativity by forcing me to spend 20 minutes figuring out how to do something that can be done in Muse/Edge in 5 seconds.


05-23-2016 07:09 PM #4 zeno (Administrator)

Edge what? There is Reflow, Animate, and there was Code which was a port of Brackets.

I don't think Reflow is in a good state yet, Animate is awesome but it's for heavy HTML5 animation and such. I like it, and it can do responsiveness well, but it is not suitable for basic landers where you care about speed.


05-23-2016 10:17 PM #5 hangman (Member)

soooo.... your final recomendation for mobile??


05-26-2016 12:26 PM #6 yazimedia (Member)

Yeah I meant Edge Animate - coming from an After Effects background it's an absolute breeze. Sad it isn't suitable for mobile landers.

I really need to realign my thinking when it comes to mobile landers and put more of a focus on load speed over elegance of design.

Do you have some sort of minimum requirements you use for mobile landers?
Eg.
Under 50kb
Loads in under 1 second
etc.


05-29-2016 12:59 PM #7 affiliateguy (Member)

I'm not really a big fan of using those programs for web design / development. It's much easier just creating the files and editing in Notepad++. For any development such as PHP I use Cloud9, it's an IDE for your web browser. It has FTP connectivity which is great as well.


Home > Technical & Creative Skills > Design - Imagery, Banners & Landers