woofin
Design and development for a startup software agency.
GOAL

To create a modern, conversion-optimized landing page that clearly communicates the product’s value, integrates seamlessly with branding, and provides an intuitive user experience.

MY ROLE

UX/UI DesignDesigned a clean and structured layout to highlight key product benefits. Focused on clarity, accessibility, and strong visual hierarchy to guide users.

Webflow Development
Developed the landing page in Webflow, ensuring full responsiveness. Implemented smooth animations to enhance engagement without overwhelming the user.

PROCESS

ChallengeThe objective was to design a landing page that effectively conveys the product’s value while maintaining a minimalist, professional, and engaging aesthetic.

Analysis and Approach
Studied successful SaaS landing pages to identify best practices. Designed clear sections to present product benefits, integrations, and key metrics. Ensured an intuitive flow leading to the call-to-action (CTA) buttons for conversions.

Design Process
Used a fresh color palette with a modern, tech-inspired aesthetic. Created a structured layout with strategic use of whitespace and typography. Added subtle animations to enhance interactivity and engagement. Focused on fast loading times and mobile responsiveness.

Development in Webflow
✅ A visually appealing, user-centered SaaS landing page.
Clear messaging and structure, improving user engagement and conversions.
Interactive animations that enhance the experience without being distracting.
✅ A fully responsive Webflow build, optimized for performance and accessibility.

RESULTS

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.