REvolution Investments Group
Webpage and Mobile Design
Project Prompt: A complete UX/UI design and build project for a financial firm, focusing on clarity, accessibility, and performance.
My Role: UX/UI Design, Front End Developer
Deliverables: Website design and build — Homepage, About, Services, Contact, Terms, and Resource Hub
Software: Figma, WIX
​
Timeline: May- September 2025
​
In summer 2025, I collaborated with Chien Industries, a Austin-based -based marketing agency, to design and build a new website for REvolution Investments Group, a financial firm seeking a modern digital presence that better reflected its credibility, transparency, and client-first values.
The project was a fixed-scope, milestone-based engagement, covering UX design, UI design, and front-end development. The goal was to create a responsive, SEO-optimized site with an easy-to-navigate structure and a centralized resource hub to help users find insights efficiently.
​
​
Starting Point: Inspiration & Direction
The project began with a set of design inspirations that the Chien Industries team had collected. These references showcased layouts, typography styles, and content approaches they admired from other financial and consulting firms.
My role was to interpret these inspirations — not replicate them — and translate them into a unique, consistent, and brand-aligned website design for Revolution Investments.
This process involved extracting what worked visually and structurally, then blending those ideas with the client’s voice and goals.
​
​
​​​
The client’s existing website lacked visual consistency, clear information hierarchy, and modern responsiveness.
Financial services content can often feel dense and overwhelming — our challenge was to build trust through clarity while making complex information approachable and professional.
Key challenges included:
-
Creating an intuitive site architecture that balances marketing and informational content
-
Designing a Resource Hub with search and filter functionality for scalability
-
Delivering a design system that adapts seamlessly to desktop, tablet, and mobile
-
Ensuring high accessibility and SEO performance for long-term sustainability
​
​
Challenge
One of the main challenges was figuring out how to blend user experience design with the aesthetic of a home-rental booking platform. I needed to ideate and determine how the site could feel intuitive and familiar—like browsing for rentals on Airbnb—while still maintaining the professional tone of a real estate investment firm.
This meant finding the right balance between approachability and credibility, creating an interface that guided users naturally through listings, CTAs, and company information.
I began by identifying recurring patterns in the reference designs — page flow, content modules, and UI components. From there, I created:
-
A sitemap and page structure covering Homepage, About, Services, Contact, and a dynamic Resource Hub.
-
Wireframes that balanced strong visuals with user-friendly navigation.
This stage focused on converting ideas into functional layouts — merging business objectives with clean usability.
UI Design & Mockup Development
Once the structure was set, I designed high-fidelity mockups in Figma, guided by a modern and professional tone.
The visual identity centered around bold blues, ample white space, and structured layouts that build user trust.
I also designed reusable UI components that could be replicated within Wix CMS — allowing content editors to manage updates easily post-launch.
​
Design Highlights
-
Modular section blocks adaptable across pages
-
Responsive design system tested for desktop, tablet, and mobile
-
Resource Hub interface with categorized cards for easy navigation
-
Clean call-to-action flow from awareness to conversion
​
Throughout this phase, the mockups were revised multiple times to find the right alignment between layout, usability, and brand clarity. Each iteration refined the visual hierarchy, text flow, and navigation to create a seamless experience that felt intuitive and trustworthy.
CMS Build on Wix
After mockups were approved, I implemented the final design in Wix CMS, focusing on:
-
Building a custom layout system that mirrored the Figma prototypes
-
Setting up dynamic collections for blog and resource pages
-
Integrating SEO metadata and Google Analytics
-
Ensuring accessibility and performance consistency across modern browsers
The CMS approach allowed the client to easily edit and scale content without developer dependency — a major usability win for their long-term operations.
The final website delivered:
-
A polished, responsive design aligned with the firm’s professional image
-
Improved structure and readability
-
40% faster performance after optimization
-
Positive client and agency feedback for its cohesive, modern look
​
This project demonstrated the value of collaboration and creative interpretation — transforming a set of inspirations into a fully realized design system.
It reinforced my ability to balance client vision, technical execution, and UX clarity to deliver a professional, performance-driven website.
This project taught me how to translate creative inspiration into a scalable CMS solution. Interpreting design trends from lifestyle platforms and adapting them to a financial brand helped me bridge visual creativity with technical structure.