For all things to do with the Figma collaborative design tool www.figma.com. For commercial or other addons, please go to /r/FigmaAddOns
Check out this new UI animation and let me know what you think. What catches your eye? How does the user experience feel? I’d love your feedback! 👍💬 Your insights help me grow and improve, so don’t hold back! check out more work through her: https://x.com/Webbrandii
inspiration
Sort by:
Best
Open comment sort options
Best
Top
New
Controversial
Old
Q&A
Love the animation!
UX:
0% of what I’m seeing tells me this is about tomatoes. You have to read the smallest text to even find that out - I only saw the tomatoes in the animation after looking really closely - and not everyone is going to watch the full animation, let alone pay that close of attention
what is your desired outcome with your customers when they arrive at this page? If you can answer that, I think the UX changes that need to be made will become clear.
Yeah when I saw the word “automation” I thought this is another tech tool for developers and not once about agriculture.
Great to hear you enjoyed the animation! 🌟
The site is for a startup focused on using AI and data analysis to manage farms, analyze growth patterns, and optimize results. The desired outcome for visitors is to immediately grasp that our technology seamlessly operates day and night, simplifying farm management through continuous data monitoring and AI insights. We aimed for a smooth transition between daylight and night scenes to evoke this 24/7 efficiency and simplicity. I'll consider your feedback to make the concept clearer at first glance. Thanks for your thoughtful input!
How did you make the animation show in Figma?
Video most likely. Only if you pay.
Please explain
Only if you pay? I have an enterprise account.
Great animation (too fast if it’s not speed up) and implementation but I agree, the story isn’t on par with that.
Great animation, saw another comment talking about clarity of concept. If this is about tomatoes, then I second what they said.
My big piece of advice: the text should appear much, much sooner. As soon as the vehicle exits the garage. Regardless of how well you illustrate your concept visually, the content of the page is truly in the copy. As visual designers, animations are enough to engage us. However, 98% of your users will (unfortunately) be itching to scroll and read—no matter how cool your animation is. Avoid shooting yourself in the foot with bad bounce rates. Don’t keep your users waiting.
Overall, excellent work. Contemporary object/set design, well laid out typography, crisp colors, etc. kudos for the product so far. Keep pushing and this will be superb.
if you’re still willing to make changes to your animation: show the ‘power’ automation brings to the tomato growing market. Show the plants growing from beds of bare dirt. Show the cart coming out of the greenhouse with tomatoes loaded into it.
Perpetually engaging hero sections can be very successful. You should consider creating a portion of your animation that can loop after the initial animation is done. This type of animation can show how automation keeps working for the business 24/7 by showing the cart load tomatoes, leave off-frame, return empty and restock for another trip. Bonus points if the moon and stars rotate in the background.
Thanks for the detailed feedback! You're right; bringing in the text sooner can definitely help with clarity and engagement. I’ll work on adjusting the timing so users can quickly grasp the concept as soon as the vehicle exits the garage. Your insights on user behavior are spot-on. Appreciate the kudos and the advice—excited to refine this further! 🚀
Edit: I realize that the cart does indeed come out bearing tomatoes. My apologies. I’m on an older mobile device, which isn’t everyone, but illustrates the need for edge case control. I would have been more likely to notice the tomatoes the first time around if you increase the size of the cart by 50% and make the tomatoes piled high in the back. You might also try having the day / night switch take place while the truck is in the greenhouse. When the truck exits, the cargo bed could be illuminated, which would be a twofold design decision:
The truck works all day and into the night. This fits with the value prop of automation.
The tomatoes would be cantered as a focal point. Illuminating them shows their importance to the concept as valuable and noteworthy.
Increasing the cart size and highlighting the tomatoes more prominently are great suggestions. Having the day/night transition occur while the truck is in the greenhouse is a smart idea—it not only reinforces the automation aspect but also keeps the focus on the tomatoes. I'll definitely incorporate these refinements to improve clarity and emphasis.
Appreciate the detailed insights! 🌟
Cool animation. How'd you achieve this?
probably something like blender
I work web dev. I’m my world you’d make the animation in blender then take it to the web with three.js or some 3D library like that. But assuming OP’s post was made in figma, I’m unsure how they’d go about it.
You can render the scene in Blender with no background and the desired angle, then import it into Figma. From there, I animate the additional elements to align with the Blender-rendered scene, allowing for smooth transitions, resizing, and lateral movements. This approach leverages Blender's power for complex 3D visuals while maintaining the flexibility of Figma for UI/UX animation tweaks.
Awesome work Md.Khaled
you cant do 3d in figma.
Very well done!
Thanks a lot! 😊
Really cool, I liked the animation in the beginning and when it turned blue light, this awesome 👍
Yeah changing to night is my favorite part.
Thank you! Glad you liked the animation and the blue light transition. 👍 Your feedback means a lot!
You're welcome mate!
Animation is very cool, but I think it’s a taaad long. I don’t think you need to wait till the animation is finished to load the rest of the page. I know it’s annoying to speed things up, but people are dumb and impatient.
I liked!
How did you do it?
I’d love to learn to create animated assets for my projects. How and what should I start learning to create such cool stuff?
That logo looks like Chase's one, don't get in trouble
What's Chase?
One of the biggest banks on planet Earth?
Ok, Thanks for the clarification!
why the fuck are you being downvoted for not knowing what chase is? not everyone lives in the USA. i had no idea what "chase" was until you asked
This is great.
This is fucking great! Love it. Only thing I’d say is I think it could shift to night time faster since I was kind of waiting for the robot to come back out.
So cool
dude that's really awesome
I thought there was a cat on top of the smol truck.
This is insane 😮
From a user's point of view: why?
EDIT looking at it a couple more times, it MIGHT actually be a good idea. The animation is short enough that it doesn't bore me, and it does provide the context of what type of "automation" it's about.
I like it 👍
Awesome
Did you use Spline for the 3D animation?
Being able to do something like this is my new goal, it looks fucking amazing! Great work! I love it.
The animation is great. As others have said, I think the text should show up sooner.
The other issue I'm seeing is that "Unleashing the power of Automation" is a bit generic and doesn't really tell me anything about the farming component. I initially thought this was another dev tool of some kind.
Love it! I’d maybe make the tomatoes more red? Or add another element that highlights tomatoes (maybe a cute neon tomato sign hanging above the garage door or a tomato painted on the truck?).
Can you explain how you made this ?
dev team surely going to love this...
Awesome. Should make a tutorial on this. Btw, can you recommend me best tutorials how to make business website at least three tutorials. Thanks
I really like the quality of the animation but it feels weird that the vehicle doesn’t just drive amongst the plants from an opening that is on the inside wall instead of having to go outside and in the front door.
It's too cool animation