Get the "Applied Data Science Edge"!

The ViralML School

Fundamental Market Analysis with Python - Find Your Own Answers On What Is Going on in the Financial Markets

Hot off the Press!

The Little Book of Fundamental Market Indicators

My New Book: "The Little Book of Fundamental Analysis: Hands-On Market Analysis with Python" is Out!

Grow Your Web Brand, Visibility & Traffic Organically

The Little Book of Fundamental Market Indicators

5 Years of amunategui.github.Io and the Lessons I Learned from Growing My Online Community from the Ground Up


Sign up for my newsletter and get my free intro class:
If you liked it, please share it:


Stop Losing Half of Your Internet Traffic and Design for Mobile First

Stop Losing Half of Your Internet Traffic and Design for Mobile First

Source: Lucas Amunategui
As of two days ago, I was still designing websites using an approach from the last century (I was a site architect in the late ‘90s)

It’s Not 1990 Anymore

According to ComScore’s 2018 Global Digital Future in Focus, mobile users are spending more than twice the time on their devices than desktop users. By deduction, if your site, your video, your podcast, or whatever you’re uploading, is not primarily designed for mobile users, you could be catering to only a third of Internet users — crazy, right?

It gets worse. According to the same report, the mobile platform has ushered a whole new wave of Internet users for whom the desktop platform was never an option.

Hopefully, you’re better than me in this department and this is old news. As of two days ago, I was still designing websites using an approach from the last century (I was a site architect in the late ‘90s).

Mobile-First Design & HTML Responsive Web Design

Source: fredericgonzalo.com

Thankfully, we now have tools and design patterns to educate our new web designers (and reform the old ones) in the proper way of doing things. Mobile-First Design encourages designing for the smallest screen first and making one’s way out in ascending order. Responsive Web Design, on the other hand, ensures that objects move and resize nicely according to the screen size.

In the ’90s, we’d build sites on our desktop, tested them with whatever browser was installed on our workstations and hoped for the best. We’d then wait for complaints around compatibility issues to trickle in and address them (usually with ugly band-aids).

From the Ground up and Exclusively for Mobile

This past weekend, I spent a few hours rebuilding my site, ViralML.com from the ground up using HTML Responsive Web Design and 100% of my focus on mobile.

I used a great and simple W3Schools’ template as the basis for a multi-row and multi-column site. The end result may look sparse and minimal on a desktop…

Very zen…

But, damn, it looks great on every imaginable mobile platform according to Responsinator.com:


Thanks, Responsinator!

It’s still a work in progress so let me know what else I’ve been missing over the past 20 years…

Not Just Websites

And this approach applies to anything you build for the Internet. If its YouTube videos (and I make plenty of those), don’t use minuscule text, small images, fast scrolling objects, etc. unless you want to make some enemies.

Thanks for reading and spreading the word! Sign up for my newsletter at ViralML.com


Find my eBooks on Amazon.


Manuel Amunategui

amunategui@gmail.com

Twitter: @amunategui

Follow my latest projects at ViralML.com, KeepTheTalk.com & amunategui.github.io.