Brand, site, and motion. With the final site pass by Sir @vanjek.
Core team:
@stefan_motion | Motion
@stefanmco | Web support
@stojakovic57 | CD · Brand · Web
launched the new @wearebondin site + reel a few months ago, never really promoted it. been deep in client work.
got a bit more room now. let's talk ✌🏻
FIFTYSEVEN retweeted
The digital medium is filled with disposable design, and mass-produced content has become the norm.
FIFTYSEVEN’s greatest value is authentic storytelling through diversity of expression.
In this 1-minute and 57-second, we served the client and their brand — not the medium — crafting visual narratives that outlast the latest fad.
EXCLUSIVE
BRANDING
(&)
DESIGN
BOUTIQUE STUDIO
Two nods in one week: Website of the Day, and a place among Best Talents & Brands.
Thank you, WeDirectory, for the feature! 🤍
Boutique in size, global in range.
View more: we.directory/fiftyseven
From molecule to biochip, The Roswell Biotechnologies website is an eloquent visual expression of a revolutionary leap in technology.
Roswell Biotechnologies’ website hosts the perfect blend of visual storytelling narrative, interwoven with critical information. The user is guided through the functionality of Roswell’s technology (and product) in a naturally comprehensible fashion that fosters retention and interest, with minimal prior knowledge of science required.
-
Link in comments.
Case study: fiftyseven.co/case/roswell-b…
From the perils of perplexing technology, to the beauty of computational biology: forming the visual aesthetic of 1910 Genetics’ AI and machine learning solutions for drug discovery.
Crafting a visual expression that explains 1910 Genetics’ computational platforms almost became the artistic breaking-point of this project. But with a lot of refinement, we managed to compress enough information into 1910 Genetics’ visual narrative to form clearly distinguishable story beats, with a uniquely organic aesthetic.
We managed to craft the perfect balance of scientific accuracy and appealing abstraction, this visual narrative flows seamlessly, forming an uninterrupted story that encompasses the entirety of 1910’s process — from concept to cure.
-
Link to a case study in the comment.
The undruggable problem and the platforms of pharmaceutical progress: ELVIS & ROSALYND — seeking the end of undruggable targets, fueled by AI and machine learning.
The Platforms page was designed to highlight the contrast between the problems in pharmaceutical research and the revolutionary solutions offered by 1910 Genetics’ platforms — ELVIS and ROSALYND.
The key focal point of the page is the interactive section that hosts the 3D visualization animations of the platforms. As they directly present 1910 Genetics’ solutions, the visual narrative of these sections in both rich in information and visual fidelity, highlighting the platforms’ key areas of application.
Every element of the page, from the dynamic motion to the interactive dropdown menu, is tailored to offer insights into the platforms’ processes and capabilities, utilizing the full potential of 1910 Genetics’ brand aesthetic.
-
Link to a case study in the comment.
Case study: fiftyseven.co/case/1910-gene…
From concept to cure, meet ROSALYND: 1910 Genetics’ computational platform for structure-based protein-drug design.
Since this process evokes a strong sense of human biology, the color palette compliments that feeling of warmth and intimacy, evoking a feeling of wonder and calm with its organic tones and soft aesthetic.
-
Link to a case study in the comment.
Case study: fiftyseven.co/case/1910-gene…
AutoLayout is neat and tight,
but your magic lives in the half-pixel fight.
AutoLayout is probably Figma's best feature.
It's also quietly killing creativity one frame at a time.
I see it with younger designers constantly; AutoLayout first, design thinking second. The tool decides the layout before the designer even considers what the design *wants* to be.
Coming from the Photoshop era, my process still looks like beautiful chaos. Half-pixels everywhere. Scale up, scale down, break it, rebuild it. Nothing aligns until it *feels* right. Efficiency comes last; character comes first.
The creative process is messy by design.
Skip the mess, skip the magic.
Curious how other designers handle this; or am I the last guy manually pushing rectangles around like it's 2013?
Case study: fiftyseven.co/case/1910-gene…
this!
The best designers I know don't follow a process.
They practice relentlessly.
They've absorbed so much work that intuition replaces method.
Study. Remake what you love.
Fail until the visual vocabulary becomes instinct, not method.
Only then does your voice show up.
Not because you invented something new; but because you've practiced enough to know what feels right.
Good taste isn't always a gift.
When it isn't, it's trained through doing, not watching.
Thousands of iterations you'll never show anyone.
That said, we do have a process page.
Mostly because clients ask.
But there's an Easter egg hiding if you look closely enough.
The color palette of AI and machine learning biotechnology: sampled, sequenced, and solved — with a legacy in red.
-
Link to a case study in the comment.
Say ‘hello’ to the future of machine-powered biomedical research: 1910 Genetics’ Contact page.
-
Link to a case study in the comment.
Case study: fiftyseven.co/case/1910-gene…
Laying out the business alongside the AI and machine learning-powered biotechnology: a graceful dance of transitions and typography across 1910 Genetics’ website.
-
Link to a case study in the comment.
Case study: fiftyseven.co/case/1910-gene…




