To create a modern and functional website for Ragnarson based on their existing branding and copy. The main objective was to improve user experience (UX) while incorporating dynamic, visually engaging elements.

UX/UI DesignDesigned a new website layout, aligning with Ragnarson’s branding and existing content. Focused on creating a clean and intuitive structure that resonates with their target audience.

Webflow Development
Developed the site in Webflow, ensuring full responsiveness, interactive animations, and seamless performance.

ChallengeRagnarson needed a refreshed website to better reflect their professionalism and attract potential clients. The challenge was to enhance the site’s usability while staying true to the brand’s identity.

Analysis and Approach
Evaluated the existing site to identify pain points, such as inconsistent layouts and lack of engagement.Used Ragnarson’s branding guidelines to maintain consistency and strengthen brand identity.

Design Process
Created wireframes and prototypes to establish a clear hierarchy and user flow.Focused on simplifying navigation and highlighting key sections, such as services and case studies.

Development in Webflow
Built the website with using the Client-First system, enabling easy updates.

Implemented custom animations to enhance interactivity.

Ensured accessibility by adding proper ARIA labels and semantic HTML for assistive technologies; maintaining strong color contrast for readability and optimizing keyboard navigation for users with mobility impairments.

Ensured responsiveness across all devices and optimized loading times.

✅ A refreshed, modern website that aligns with Ragnarson’s branding and provides an improved user experience.

✅ Interactive and dynamic elements (e.g., animations, transitions) that increase engagement and make the site more appealing.

✅ Fully responsive and accessible design, ensuring a seamless experience for all users, including those relying on assistive technologies.