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
Back to feedPost
Figma to Webflow Development for Firstly e-SIM Website – With Custom Animations
Firstly, a digital e-SIM provider, wanted to bring their modern Figma design to life with animations and seamless responsiveness. The goal was to launch a high-performing Webflow website that reflected their innovative tech services.
Problem
The client needed a scalable, fast, and visually engaging website to stand out in the competitive telecom and digital SIM industry. Their challenge was ensuring smooth animations without compromising speed or SEO.
Solution
I developed the Firstly e-SIM website by converting Figma designs into Webflow, adding smooth custom animations, responsive layouts, and SEO optimization. Ensured fast load times, mobile performance, and CMS scalability for future updates.
Tech Stack
Webflow
Figma
Webflow CMS
Custom Animations & Interactions
Results
✔️ 100% pixel-perfect Webflow build from Figma
✔️ Load speed improved by 55% compared to previous prototype
✔️ Mobile responsiveness optimized across devices
✔️ Increased engagement with interactive animations
✔️ Delivered a scalable, SEO-friendly platform for digital growth
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
design of the day, how do you do this and where did you get inspiration from. 🔥❤️
AI Study Assistant & E-Learning Mobile App UI Design
Personalized, adaptive learning is transforming education. Students no longer want passive video lectures—they need instant homework help, interactive practice, and AI-generated study materials tailored to their specific curriculum.
We designed this vibrant AI Study Assistant & E-Learning Mobile App UI to bridge conversational AI with structured learning workflows. Built for EdTech startups, AI SaaS platforms, online academy founders, and study tool developers, this interface combines conversational tutor bots with automated exercise scanning and instant study sheet generation.
The Problem We Solved
Most study tools suffer from fragmented user experiences—forcing students to jump between separate apps for AI chat, flashcards, problem scanning, and study notes. This disjointed flow interrupts deep focus and reduces long-term study consistency.
This concept creates a unified AI learning hub, allowing students to seamlessly transition from asking an AI avatar questions ("I want to revise biology") to scanning physical exercise worksheets and generating structured study sheets in seconds.
Key Features & UX Highlights
Interactive AI Tutor Chat: Conversational avatar screen with natural language prompt inputs, enabling instant step-by-step homework help and topic revision.
Instant Exercise Scanner & Flashcard Practice: One-tap camera scanning feature (Scan Exercises Instantly) that converts physical assignment sheets into digital practice modules and interactive flashcard decks.
AI-Generated Study Sheet Engine: Dynamic content hub automatically organizing AI-summarized notes and historical breakdowns (Advanced Study Sheet on The French Revolution).
Gamified Progress Tracking: Clean analytics dashboard displaying completed tasks, score averages ($0.0/20$), and revision streaks to maintain student engagement.
Building an AI EdTech Startup or E-Learning Platform?
Whether you're an ambitious founder launching a next-gen AI homework helper, building a personalized tutoring app, or scaling an e-learning SaaS platform, we design intuitive, conversion-focused UI/UX that drives student retention and daily active usage (DAU).
When does a hand-drawn logo make sense for a brand?
In this case, a Barcelona-based creative studio founded by a team with decades of combined experience approached me wanting a hand-drawn identity that would feel unexpected for a team like them, a way to signal creativity and distinction.
They came with a strong concept: the sediment at the bottom of a wine glass. What stays after everything else fades. A nod to what good work leaves behind after years of experience.
The entire identity is built on hand-drawn illustration, so the logo needed to do something different. With so much personality already living in the visuals, we went for a logotype with weight and presence, something that could anchor the brand and communicate their expertise.
The hand is still there. Just in a different form.
Do you think hand-drawn elements are being used more as a trend than as an intentional choice?
Looks super cool! Love the craft behind every branded element, from type to illustration. I believe it makes the brand very strong and consistent
