Contra - A professional network for the jobs and skills of the futureDiscover
Projects
People
Web developers
Content creators
Graphic designers
Product designers
AI developers
Motion designers
Social media marketers
Animators
Video editors
      

Projects we love

Projects we love

Standout projects making waves around the web
View more

Web design projects using Framer

Framer

The best modern websites built on the leading web design tool, Framer
View more

Framer is the leading tool for building websites, fast

FramerHire experts

AI projects

AI

New projects from the best AI creators
View more

Brand design projects

Brand design

Bold visual identities and branding systems created by top independent designers
View more

Video editor projects

Video editing

Creative video edits made using today’s best editing tools
View more

Standout projects

Standout projects

More projects we love that are making waves across the web
Cover image for Animated UI Components: Figma +
Animated UI Components: Figma + Figma Motion I designed and animated a set of UI components in Figma using Figma Motion. The goal was simple: make everyday interface interactions feel more natural, responsive, and enjoyable. What I worked on I started by designing the components with a focus on: Clear visual hierarchy Consistent spacing Reusable components Clean typography Proper interaction states A consistent visual language After creating the components, I used Figma Motion to bring them to life. Why motion? Good UI shouldn’t only look good when it’s static. The way an element appears, changes, responds, or moves can make an interface feel much easier to understand. For the animations, I focused on keeping the movement: Smooth Simple Purposeful Fast enough to feel responsive Subtle enough not to distract The goal wasn’t to add animation just for decoration. Each transition was designed to give the user feedback and make the interaction feel more connected. My process 1. Design the component I first created the UI component and made sure the structure, spacing, typography, and visual states were consistent. 2. Define the interaction I considered what should happen when the user interacts with the component—how it should appear, change, or respond. 3. Add motion I then used Figma Motion to create the transitions and refine the timing and movement. 4. Refine I adjusted the animation until it felt natural and balanced with the rest of the interface. The result The final components combine UI design and motion design to create interactions that feel more polished and intentional. This project was also a good reminder that small interactions can have a big impact on how a product feels. Designed in Figma. Animated with Figma Motion.
7
10
93
Cover image for ZENSO — Organic Energy Drink
ZENSO — Organic Energy Drink Landing Page 🍋🌿 ZENSO is a bold landing page concept for an organic cooling drink that combines natural energy with a fresh, lifestyle-driven identity. The goal was to make the product feel refreshing from the very first screen while giving the can a strong visual presence. The design combines oversized typography, organic colors, ingredient imagery, and playful composition to build a distinctive beverage experience. Special attention was given to: • a product-first hero that makes the ZENSO can the main visual focus; • a fresh green, orange, and cream palette inspired by mojito lime, mint, and citrus 🍋; • oversized typography that adds energy without competing with the product; • ingredient close-ups that visually communicate flavor and freshness; • supporting product details such as the cooling effect and energy refresh level; • lifestyle imagery and video elements that make the brand feel more dynamic; • a clear “Try It Now” CTA integrated naturally into the composition; • responsive mobile layouts that preserve the oversized product presentation while keeping navigation simple 📱; • a clean visual system that can scale across different flavors and future product launches. The result is an energetic digital experience that turns a simple beverage into a memorable lifestyle product — fresh, playful, and easy to recognize. Looking to create a bold digital experience for your beverage, food, or FMCG brand? Let’s make your product impossible to scroll past ✨
9
13
136
Cover image for We created a product animation
We created a product animation video for FITI using creative motion graphics, smooth transitions, and visually engaging storytelling to make the product easy to understand. The animation combines motion graphics, product visuals, UI elements, dynamic typography, and seamless transitions to communicate FITI’s features and value in a simple and engaging way. Our goal was to transform a potentially complex product experience into a visual story that people can quickly understand and remember. From concept and visual direction to animation and final delivery, we focused on creating a clear, modern, and innovative product video that explains the product while keeping the audience engaged. Services: Product Animation · Motion Graphics · Explainer Video · 2D Animation · Visual Storytelling · UI Animation Looking to turn your product or technology into an easy-to-understand and engaging animation? Let’s create something impactful together. hello@pictodesignstudio.com (mailto:hello@pictodesignstudio.com)
3
6
352
Cover image for MOONIQ — Visual Identity System Mooniq
MOONIQ — Visual Identity System Mooniq is a leading digital marketing agency specialized in social media, blockchain, and Web2 consulting. Its new identity reflects a bold and futuristic vision, inspired by exploration and constant innovation. A system built to express ambition, trust, and elegance, positioning Mooniq as a guide for brands reaching new heights. The brand required an identity that could embody its innovative spirit, strategic mindset, and futuristic vision. This visual identity was designed to capture Mooniq’s essence: a forward-thinking agency inspired by the concepts of exploration, technology, and limitless growth. Every element of the system —from the logo to the typographic and chromatic choices— was created to establish a sophisticated and aspirational brand presence. 2025© - Jv® Studio. — Enmanuel Jimenez V. All rights reserved. Featured project in Graphic Design / Branding & Stock by Behance You can view the entire project here: Contra (https://contra.com/p/APbrvZOR-mooniq-visual-identity-system?r=enmanueljv)
13
23
454