Built with Rive

Surmount - Logo Animation

David Akanbi

Surmount — Logo Animation

🧩 Project Overview

Surmount, a Full-Service Commercial Real Estate brand preparing for its public launch, needed a subtle and clean logo animation to use across digital platforms. The goal was to design a 3–5 second animation that felt refined, modern, and minimal, inspired by motion styles like the Perplexity AI logo — with no sound, and a transparent background for use on websites and in videos.
I was approached via Contra to bring this idea to life and delivered within 72 hours.

🎯 Objectives

Animate the Surmount logo with modern, clean motion
Keep it subtle. No flashy transitions or over-animation
Export in high-quality .mov with alpha channel
Maintain a transparent background for flexible use
Meet a tight deadline for a mid-week launch

🔧 Tools Used

Rive (for real-time motion design and export)
Box (For project delivery)

📐The Process

Client Brief & Reference
The Co-founder of Surmount, shared:
The static logo in vector format
A clear style reference: the Perplexity AI logo animation
A need for transparency, elegance, and fast delivery
Motion Exploration
I explored three micro-animations:
Outline trace reveal
Soft spin + scale-in
Fade + mask reveal
After reviewing options, we aligned on a trace + soft rotation reveal, to subtly introduce the Surmount logo with modern finesse.
Animation Design
Vector paths were prepped for smooth stroke reveal
Easing was used to create a natural flow
Spin-in motion added depth without being distracting
Timed to loop seamlessly, if needed
Final Delivery
Delivered ahead of schedule

🎥 Final Output Preview

🚀Use Cases

Website loading animation (preloader)
Intro/outro for brand videos
Social media content (Instagram, LinkedIn, etc.)
Hero section animation on the website
Hover effects or micro-interactions in UI
Presentation decks and pitch materials
Internal product demos or explainer videos
App splash screen animation
Branded transitions between video sections
Digital ads and paid media assets

🤩Client Feedback

Image 1
Image 1
Image 2
Image 2

👨‍💻Website Link

For Partnership And Collaboration

Whether you’re building a new product or refining an existing product, Let's lcollaborate and ship your idea to life
Like this project

Posted Jul 24, 2025

This logo animation wasn’t just made to look good, it was made to work hard across the brand’s entire digital presence.

Likes

0

Views

1

Timeline

Jun 30, 2025 - Jul 4, 2025

Clients

SURMOUNT™

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc