Hey @Jette… Great question. :)

First, this video from one of our CX newsletters is a bit outdated since we made it back in 2019 shortly after we released mobile pages. We’ve since added more widgets (eg: my profile, gamification and activity stream), so I wouldn’t have been able to consider those at the time, but the premise still applies.

Curious to see if there are some other approaches that have worked for folks for different purposes, of course!

hi @Jette I’ve tried taking some screenshots from our app but unfortunately, I couldn’t login and it kept asking me to update the version of the app (although I already had the newest version, cleared the cache, etc.)
 

So instead, I’ll try to be short with the summary of what we have. Our main page consists of rectangular images one under another - they also serve as hyperlinks to different sections of the app so you can think of it as sort of a menu.

The images are basically icons with names of the sections so My Courses, Learning Catalog, Channels, etc. Every section is simply a banner with the name of the section, another image of a “back” button to go back to the main menu page and a widget (e.g. with list of assigned courses or catalogs).

We try to keep it simple and not overload our users with too much information. In our case we want it to be easy and accessible, with no clutter and without overloading our users with information.

Thanks, Adam - this is helpful.  We seem to be moving in the same direction.  Have you found a way to have two images next to each other - is that possible?  We have the stacked boxes too, but it is a little underwhelming.

Thanks for your help!

@Jette unfortunately, I don’t know if it’s possible. I don’t really think it is but I would be happy to learn if I’m wrong so if anyone has any ideas, I would be interested in those as well!

I was able to get images next to each other using HTML code. 

First - I uploaded the image to an image hosting site such as https://imgbb.com/ and then get the link of the image directly. 

Second - create an html row and use the below. 

<img width="48%" src="IMAGE ONE LINK" />

<img width="48%" src="IMAGE TWO LINK" />

Let me know if you have questions!