SOURCING
CONNECTIONS
Moving an established digital presence to a more flexible platform.
Website Migration · UI/UX · Web Design · Development
Project
Sourcing Connections already had an established website built on NodeTree. The business wanted to move to Framer for a more flexible, modern and easier-to-manage digital experience.
Our role was to take the existing website, understand its structure and content, and rebuild the experience in Framer while refining the visual design and user experience along the way.
The goal wasn't simply to copy the old website. It was to bring the existing experience forward, keeping what worked while creating a cleaner, more modern and more engaging digital presence. easier-to-manage digital experience.
Challenge
Moving an established website to a new platform comes with more than simply recreating pages. The existing website contained important business information, service details and content that needed to be retained while adapting the experience to a completely different platform. The project needed to balance: Preserving important existing content Recreating the website structure in Framer Improving the visual presentation Making the experience responsive across devices Creating clearer navigation and content hierarchy Maintaining consistency across the site Making future updates easier to manage
approach
We approached the migration as an opportunity to refine the experience rather than treating it as a one-to-one platform transfer. We first reviewed the existing website and its content structure, then rebuilt the experience in Framer with a cleaner visual system and more intentional layouts. Where appropriate, sections were reorganised, spacing and typography were refined, and interactions were introduced to make the experience feel more current. The result stayed familiar to the existing business while giving the website a noticeably more modern foundation.
Experience
Typography
Clearer hierarchy to make information easier to scan.
Layout
More intentional spacing and content grouping.
Navigation
A clearer path through the company's services and information.
Interactions
Interactions
Responsive Design
Layouts adapted for desktop, tablet and mobile rather than simply scaling down.
Custom Code
Built custom codes for animation and certain elements in framer
Build
FRAMER
RESPONSIVE DESIGN
CMS
CUSTOM ANIMATION
INTERACTIONS
Result
Sourcing Connections moved from its existing NodeTree website to a new Framer-based digital experience. The new website retains the company's established content while giving it a cleaner visual system, responsive layouts and a more flexible platform for future updates. More than a platform migration, the project became an opportunity to refresh the way the business presents itself online.
