Sample project files recreating interactive aspects of our home page

1

We’ve had a few requests for how the top section of our website was built, both the hero section with the 5 different sections, and the 4 steps below.

As usual it’s about the creativity/inventiveness and thinking out of the box of who designs the site with the available tools, @Nathan in this iteration of our home page.

Both are achieved with popups and hover actions on buttons, triggering the popups.

Here you can download two sample project files that recreate a simplified version:

https://sitely.app/demo/home-buttons.sitely
https://sitely.app/demo/popup-bento.sitely

5 Likes
2

Was the menu build with a pop up as well?

3

Hello :wave:t2:

No, it’s simply a group of elements with a “custom scroll” to stick to the top of the page.

image
image358×502 58.4 KB

1 Like
4

The desktop menu is a stick to top group, as @Allan mentioned; that menu is hidden on mobile, where a button+popup is used.

1 Like