Project Sonar

Geometric Pattern

Geometric pattern alternate layout

Looping GIF with two keyframes really

Dynamic loop - probably too much without a motion designer

Different Geometric Pattern with lines and colourful shapes. Too playful?

Cool how the shapes move around but probably too much to do the whole twirly part

Geometric shapes. Simpler shape and less of a pattern.

Simple pulsing - maybe doens't have the energy we want but can be somewhat doable?

FP - Circular scrolling won't work, BUT click into a project and then click the "Index" at the top to get the higher level linear view

FP - nav is likely too funky

FP - very straightforward and basic. Grid of steps you can click into

FP - reminds me a little of the playdoh example with a space you move through horizontally. Unfortunately it only has a single level KH - One linear flow if someone wants it but a way to skip to different chapters. Maybe we just need the overview of the chapters on top of this. Good if one main linear flow that most people will see.

FP - Obviously insanely next-level but the idea of a more literal journey/path is very interesting KH - Wonder if we can use some Lottie animations to create some movement in the journey screen

FP - Another interesting way to show a somewhat linear high level flow and then dive deeper KH - think it's cool to have the overview shown on landing if they're easy to understand. Maybe it's just the different personas?

KH - this is a pretty cool alternative way of navigating. Very Linear - keeps the full outline available at all times. Good if a 'you are here' experience is helpful.

KH - this is pretty cool maybe a bit too simple? The movement defintiely stand out the most here.

FP - I like how they keep the categories visible on the side when you dive deeper KH - This is really cool. Like the two levels of navigation. If the journey is non-linear for us this might be good to consider.

KH - This is awesome. Love the ability to see everything and 'zoom' into a section. We'd need more space for content though. Good for one long journey with many small sections.

KH - No overview but a cool interaction to scroll horizontally to change the content of the page. Might be tough to do smoothly in Figma. Best for fewer slides with more detail on each.

KH - Horizontal scrolling experience. Clicking into one opens a super simple modal.

KH - the audio scared the crap out of me. I feel like this experience works the same as Van Gogh Museum one but this style is maybe too avante garde? FP - This is likely not as linear as we want it to be either

KH - This feels like an experience we can replicate well. The landing page is great to start. Very visual. Super simple experience with only 1 level of navigation.

KH - This is nuts! We can probably learn from the experience where you start with an overview and can click into things to learn more.

KH - This is probably too much for us. Scroll animations like this aren't really doable without some jankiness in Figma