Another taste test, this time for noso. I’ve been working on a couple of preloader animations, an...Another taste test, this time for noso. I’ve been working on a couple of preloader animations, an...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Another taste test, this time for noso.
I’ve been working on a couple of preloader animations, and this time the only thing changing is the logo animation. I genuinely can’t decide which one feels stronger.
The feedback on my last post was super thoughtful and actually helped a lot, so I’m asking the community again: which one would you choose, 1 or 2?
Feedback is always appreciated!

32 voted

36%

57 voted

64%

89 votes

Closed

acream's avatar
The Random's curve of animation is smoother and i think both styles are great but the Trim Paths' maybe need more improvement of animation curve and the VFX
José's avatar
Thank you so much for your honest feedback, I appreciate it!
James's avatar
The random position approach of #2 feels way more unique and dynamic to me 🔥
José's avatar
I like that one too, I think it does go with the brand's idea of presenting different origins, different identities and thoughts in general.
Danny's avatar
Danny Kinz logo
Trim Paths for me, it feels more intentional and reads cleaner once it settles into the logo.
José's avatar
Interesting! I was doubtful because in my head it lacks something, but a lot of you seem to like how simple and straightforward it is! Appreciated.
Danny's avatar
Danny Kinz logo
Awesome, yeah it is
Afnan 's avatar
The Random Positions one is smoother
José's avatar
Thank you, Fatima!
Job's avatar
Trim looks good.
Nazar's avatar
Yasno Design Agency logo
preloaders are such an underrated detail
Tehreem's avatar
I loved the trim path!
Abdullahi's avatar
Love the entrance animations for both preloaders
Toqir's avatar
Random Positions feels a touch snappier to me on load, but honestly both could work, probably comes down to what you want it to say about the brand.
José's avatar
I think Random positions will be! It does have a bit more uniqueness to it.
Hardik's avatar
Amazing!! Will go with the Random pos.
Golden Funnel's avatar
Alao Sodiq logo
The random positioning is smoother
Lexy's avatar
I love the random positions. It positions really well for a creative partner brand!
José's avatar
Thank you! I think that one with the brand's idea of presenting different origins, different identities and thoughts in general, so it'll most likely be the winner.
Aligwe's avatar
Thanks for sharing your creativity
Asad's avatar
nice work
MD Rafee 's avatar
Going with Random Positions, the letters converging into place from scattered points gives it more personality than a straight stroke reveal. Feels closer to a brand moment than a loading state.
José's avatar
That makes sense! It does feel like a statement and you kinda forget that the page is loading, this one will most likely be the winner!
Sahil's avatar
Outstanding work !
José's avatar
Appreciate it!
Abdulmujeeb's avatar
The Random animation is amazing
Mark's avatar
Voted 1 🙌
Esther 's avatar
Random positions for me
Mario's avatar
Both are very good, but would go with trim paths its overall faster and would bring better user experience.
Chidera 's avatar
Derra Visuals logo
Voting for the random position
hide's avatar
how do you do this kind of animation? i want to learn
José's avatar
It's actually simpler than it looks: GSAP makes your life easier, that's what I used to animate the position, nav and text reveals in WebFlow. For the logo animations I used After Effects and exported as a Lottie, which you can import in WebFlow so it is pretty easy to put everything together.
Victrex's avatar
Random Positions
Vansh's avatar
woah I love both of them
Hassaan's avatar
My vote is for random positions. both looks really cool but second one is more smooth.
Asif's avatar
Random Positions for me. One thing I would check before locking it: keep the full preloader under about 1.2 seconds so the personality lands without adding felt wait time. The scattered to settled motion earns that budget better than Trim Paths does.
Adebayo's avatar
This is such an interesting approach! 🔥 I love how the dynamic color system adapts to each artwork. The idea of using AI to expand an artist’s possibilities rather than replace their creativity is really inspiring.
Hichām's avatar
Random Positions feels more distinctive to me. The movement gives the logo a playful rhythm while still keeping the preloader clean.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started