Solerabank
My first full Webflow project assignment — a multi-page build from supplied designs that gave me my first opportunity to take ownership of an entire implementation from structure to responsive polish.
Visit live websiteProject details
The project
The first one I got to fully own.
This was my first full project assignment at Dorxata. The designs were supplied by the design team, and my responsibility was translating them into a complete, functional Webflow website.
The project consisted of roughly five pages and was developed using Client-First conventions, reusable components, and a structured Webflow build intended to stay manageable after implementation.
It wasn't the most technically complicated project I've worked on since, but it became an important one for me because it was where I started moving from assisting with development work to taking responsibility for a complete build.
My contribution
From supplied design to structured Webflow build.
Built from supplied designs
I translated the provided designs into a complete multi-page Webflow implementation, building the site structure from the ground up.
Reusable Webflow structure
I used Client-First conventions and reusable components to keep the build organized, consistent, and easier to maintain across its pages.
Responsive implementation
I worked through desktop, tablet, and mobile layouts to make sure the supplied design translated cleanly across different viewport sizes.
Custom navigation interaction
One of my favorite details was a navigation search interaction where the search field expands while the surrounding navigation links collapse to make room for it.
Favorite detail
A tiny search interaction I was way too excited about.
The navigation included a search function, and I wanted opening it to feel integrated into the navigation rather than simply displaying another input on top of it.
When the search interaction is triggered, the search field expands across the navigation while the surrounding navigation links collapse to make room for it.
It was a small part of the overall build, but it became one of those details that made me appreciate how much thoughtful motion can change the feel of an otherwise straightforward interface.
Interaction breakdown
Default navigation
Search active
The development lesson
Simple doesn't mean thoughtless.
This project taught me a lot about translating an existing design system without making the implementation more complicated than it needed to be. Good structure, consistent classes, reusable elements, and responsive behavior did most of the heavy lifting.
It also taught me to pay attention to the smaller interaction details. Even on a relatively straightforward website, those moments can make the finished implementation feel much more intentional.
Tools & technologies
What I worked with
What stuck with me
The project where things started feeling real.
Being responsible for the full implementation gave me a much better understanding of what it takes to move from a supplied design to a complete Webflow website. It wasn't just about reproducing layouts — it was about building them cleanly, making them responsive, and thinking about how the whole site worked together.
See it in the wild
Visit the public website to see the finished Webflow implementation.