UX/UI Design and WordPress Development for SaaS Website

Valentina Guerrero

Verified

UX/UI Design & WordPress Development for a SaaS Website

<p><strong>Project Type:</strong> SaaS Website / UX/UI Design / WordPress Development / Responsive Design</p>

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.
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

9

Timeline

Apr 8, 2025 - May 4, 2025

Clients

ReSight

UX/UI Website Design for Luxury Travel Experiences
UX/UI Website Design for Luxury Travel Experiences
Custom WordPress Website for AgTech Startup – BeamCropTech
 UX/UI Design for Automotive Ecommerce
UX/UI Design for Automotive Ecommerce
Cross-Platform Streaming App for iOS, Android & Firestick
Cross-Platform Streaming App for iOS, Android & Firestick

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc