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
One Becomes Two: A Scroll-Driven Story of DNA Replication
DNA replication can be hard to explain without turning it into a page full of labels. I wanted to make the process feel simple, visual, and alive.
One Becomes Two follows a single DNA molecule as it opens, uses each old strand as a guide, builds two new strands, seals the remaining gaps, and becomes two complete copies. The viewer moves through the story by scrolling, controlling the pace of each step.
I wrote the eight-part narrative, developed the black-and-white illustration system, designed the editorial layout, and built the animation in HTML, CSS, JavaScript, and SVG. A slowly rotating DNA molecule with subtle projector flicker introduces the piece. Inside the story, solid and outlined lines distinguish original DNA from newly made DNA.
The result is a scientific explanation that feels more like a short illustrated film than a textbook diagram.
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
Beetle - The Ultimate Framer Ecommerce Template : https://contra.com/products/lcNKkM93-beetle-the-ultimate-ecommerce-template
Amazing bro. Have you used Framercommerce? or any other similar tool?
Designed a modern Clean Energy website for Greenova.
Inspiring UI with powerful renewable energy visuals, clear service sections, customer testimonials, and a premium design focused on a brighter, sustainable future.
Love the visual direction
I present to you "Syncra"
Our team came together around a simple problem: African fashion brands shouldn’t have to lose sales because their customers are stuck in DMs, sizing questions, payment confusion, or scattered order details.
That thinking became Syncra trning the journey from
discovery → conversation → order → dispatch into a more connected experience.
I really enjoyed working on the UI for this one, especially finding a balance between fashion, African identity, and a product experience that feels genuinely useful.
This is just the first flow. More to come.
working with the team at TavCorp to build this.
I am Francis Favour, a Product Designer, and WordPress Developer based in Lagos, Nigeria. I help SaaS startups, fintech companies, healthcare businesses, agencies, coaches, and growing brands create user-centered products and high-converting websites. With 3+ years of experience, I have built 12+ websites, designed 10+ landing pages, helped 8 businesses launch online, improved conversion rates, increased user retention, and optimized user experiences using Figma, WordPress, Elementor, Framer, WooCommerce, and Custom Plugin Development.#francisfahvie.
Great Job, Francis