WEB DESIGN . BRANDING
Context of the project
This creative studio focuses on 3D Design , motion, animation & other visually heavy work into their cohesive experiential projects. At the time, the studio didn’t yet have a clearly defined, commercially communicable identity. The initial materials positioned more as a philosophical movement than as a service-based studio aimed at attracting & converting clients.
Rather than jumping straight into a visual system, I first explored what Chronomorph could become: how its philosophy could evolve into a creative studio, how its capabilities could come together as one offering, and how that story could be expressed through a digital experience. I led the concept design from inspiration gathering & the “Website Puzzle” exploration through low-fidelity Figma wireframes and the final high-fidelity build in Framer
Note: the studio is currently evolving in a new direction, I’ve chosen to frame this project around the tools, & processes behind the work rather than going deep into what Chronomorph is today. The studio is taking a more awesome shape (so, its a secret shh…), so consider this more of a look into the exploration or a journey behind it. But yes, If you’d like to see the broader exploration or dig deeper into the thinking behind Chronomorph, feel free to reach out — I’d be happy to walk you through it.
Process
Most website projects move linearly from brief to wireframes to final design. For Chronomorph, the process became more exploratory. Each stage helped uncover the next exploring what Chronomorph could stand for, how its capabilities could be structured, & how those ideas could translate into an experience.
Ideation & inspiration directions
We started by collecting visual references and looking for patterns that felt right . The goal wasn’t to copy any of the references, but to figure out what kind of visual world the studio should live in. A few ideas kept coming up: dark backgrounds for depth, subtle motion and color for energy, simple typography, organic forms, and translucent layers that could create hierarchy without making the interface feel heavy. These became the visual principles that guided the rest of the exploration.
Exploring the tool of website puzzle
To make the visual direction more concrete, we created something we called the Website Puzzle. Instead of sitting around trying to describe what the website should “feel” like, we took screenshots from our references, broke them into pieces heroes, navigation, service sections, case studies, footers & started mixing and matching them. It turned a very subjective conversation into something we could actually look at and react to. Rather than saying “make it feel premium and dynamic,” we could point to a specific hero, a type style, a transition, or a layout and say “this is closer.” It gave the team a shared visual language before we started designing the actual site.
Low & High fidelity
I moved into lo-fi wireframes in Figma to figure out how the website would actually work. I mapped the main journey from the hero and navigation through services, work, about, & contact. At this stage, it wasn’t about making things look pretty just yet, it was about figuring out what needed to exist, where it belonged, & how everything connected. From there, I moved into high fidelity in Framer, bringing the structure, visual language, & brand identity together into a fully interactive website. I also explored how the layouts and motion could adapt across different screen sizes, making sure the experience held together beyond just the desktop view. And unfortunately, I can’t show you the final design here. Spoiler alert: it turned out pretty damn good. But the studio is moving in a more cooler direction, the concept is no longer publicly represented by the current Chronomorph site. The existing site is still live (Go check it out !!), & if you’re curious about the exploration, or, if you really want the full story, ping me. I’ll happily show you what happened behind the scenes.
So, whats my honest takeaway & learnings
More than anything, this exploration helped me figure out what a website design project should feel like how a digital experience can also have a proper seamless human experience & how a brief from scratch could become something people could actually understand. I started with a philosophy & slowly shaped it into a clearer position, a connected set of services, a visual identity, & eventually an interactive website. One of my biggest takeaways was that concept & clarity don’t have to compete the idea, it can stay ambitious while the design makes it easier to grasp. I’m still learning, step by step, how to map out NDA projects, shape ideas when the final story can’t always be shown, & make sense of all the moving pieces along the way. And honestly, that was the fun part: figuring it out as I went, jumping between strategy, design, & Framer, & watching something that started as an idea slowly become a real experience.