UX/UI Design and WordPress Development for SaaS Website
Valentina Guerrero
Verified
UX/UI Design & WordPress Development for a SaaS Website
Overview
This project involved the complete UX/UI design and WordPress development for a SaaS platform. The goal was to deliver a clean, modern website that communicates the value of the software clearly and helps drive signups. The final site features a responsive layout, strategic CTAs, and a scalable design built with WordPress.
As a UX/UI designer, web designer, and WordPress developer, I was responsible for the complete design and development of ReSight’s corporate website—an innovative SaaS company focused on AI-assisted vision solutions.
Goals
Design a modern and trustworthy layout for a SaaS product
Communicate features and benefits clearly through visuals and structure
Ensure mobile-first responsive design
Improve user engagement through intuitive navigation and strong CTAs
Build the site in WordPress for flexibility and content control
My Role
As the sole designer and developer on this project, I was responsible for the entire creative and technical process — from wireframing and UI/UX strategy to WordPress implementation. My focus was on designing a layout that balances clarity with visual appeal, optimized for conversions and responsiveness.
Creative Process
I began by analyzing design patterns from leading SaaS companies to identify key elements that support trust and user engagement. Using Figma, I created wireframes and high-fidelity UI layouts, ensuring the content flow guided users toward product understanding and action.
The layout emphasized clean spacing, readable typography, and modular content blocks that could easily be reused or extended.
Development Process
For development, I used WordPress with Elementor Pro, which allowed for a fully customizable site without compromising performance or stability. I implemented scroll-triggered animations across key sections to improve engagement while preserving a clean, professional aesthetic.
The site was carefully optimized for performance, achieving 90+ scores on Google PageSpeed through techniques such as lazy loading, image compression, and resource minification. It’s also fully responsive, delivering a seamless experience across mobile, tablet, and desktop devices.
Tools & Skills
Figma – for UX/UI design and wireframing
WordPress – for site development
Elementor – for page building
Photoshop – for minor asset editing
Responsive Design – optimized across all devices
Outcome
The final website is a clean, conversion-focused platform built to showcase the SaaS product with clarity and impact. It’s fully responsive, easy to update, and built to grow with the business. The combination of strategic UX/UI and WordPress flexibility positions the client for stronger engagement and lead generation.
See the final result here 👉Resight
See the full prototype here 👇
Have a project in mind?
Let’s build something that works — and looks great.
👉 Get a Quote👇
Want to reach out directly? Contact me through this platform — you’ll just need to sign up first 😊
Like this project
Posted May 17, 2025
UX/UI design and WordPress development for a fast, responsive SaaS website built with Elementor, optimized for performance and user experience
Likes
1
Views
67
Timeline
Apr 8, 2025 - May 4, 2025
Clients
ReSight
UX/UI Website Design for Luxury Travel Experiences
Dermocosmetics eCommerce – WordPress Website -UX/UI & Elementor
Cross-Platform Streaming App for iOS, Android & Firestick
FRAMER - UX/UI design + development | Parallax effect
