User Landing Page for Effortless Dashboard Navigation

📘Use Case

We use Sisense to deliver data dashboards to a wide range of users across different client groups. As our dashboard library grew, we noticed that users struggled to find the information they needed.  When users logged into the platform, they were met with a wall of folders and dashboard names, without any guidance on where to start or how to find the KPIs they cared about. This led to confusion and wasted time.

💡What We Built

To improve the experience, we built a User Landing Page— visually guided homepage that users see when they first log in. This page is customized by client group and includes:
1.  Folder categories clearly labeled
2. Dashboard preview/snippets
3. High-level dashboard descriptions
4. Clickable embedded URLs

This guided landing page, helping users quickly recognize and access the dashboards most relevant to them. It streamlines navigation and significantly improved the user experience.

📌How We Built

We built this using Sisense Blox. 

1. Create a Blox widget.
2. Use the ColumnSet layout to divide the page into multiple columns, each representing a dashboard.
3. Add dashboard preview images using the Image component (e.g., /branding/Landing Page Photos/Dashboard1.png) to display the image 
4. Wrap each image with a clickable Action.OpenUrl link that redirects users to the target dashboard.

"columns": [
                        {
                            "type": "Column",
                            "width": "25%",
                            "items": [
                                {
                                    "type": "Image",
                                    "url": "/branding/Landing Page Photos/Dashboard1.png",
                                    "size": "stretch",
                                    "height": "98%",
                                    "width": "100%",
                                    "style": {
                                        "border": "1px solid #ddd"
                                    },
                                    "selectAction": {
                                        "type": "Action.OpenUrl",
                                        "url": "Dashboard url"  -- Replace with your actual dashboard link
                                    }
                                }
                            ]
                        }

      5. Below each image, use Text Block elements to add:

• • Dashboard titles (bold and accent-colored)
  • Brief descriptions of each dashboard

"columns": [
                        {
                            "type": "Column",
                            "width": "25%",
                            "items": [
                                {
                                    "type": "TextBlock",
                                    "text": "This is the dashboard description.This is the dashboard description.",
                                    "wrap": true,
                                    "size": "small"
                                }
                            ]
                        }