Website Redesign and Wireframes
Designing with purpose starts long before the final visuals. In this section, you'll find examples of my wireframing and UI/UX work—where I translate ideas into intuitive, user-centered experiences. From low-fidelity sketches to polished interactive layouts, my process blends strategy, empathy, and design principles to create interfaces that are not only visually cohesive, but functionally seamless. Whether for websites, apps, or internal tools, my goal is always the same: clarity, accessibility, and a thoughtful user journey.
TRUIC: BRANDING and UI/UX DESIGN
HowtoStartanLLC.com
HowToStartAnLLC.com is a TRUiC-owned website that offers step-by-step resources for starting and managing an LLC. I designed responsive web layouts that prioritized clarity, performance, and brand cohesion across devices. My work focused on consistent branding, user-friendly navigation, accessibility, and engaging visual UI/UX design to help users confidently move through the startup process.
OVERVIEW
During my four years at The Really Useful Information Company (TRUiC), I was deeply involved in shaping the brand’s visual identity and digital design systems. I helped lead a major design overhaul, contributing to everything from logo redesign and color palette creation to scalable, user-focused web layouts for one of TRUiC's main websites, HowToStartAnLLC.com. As the company expanded its content offerings and digital products, my role evolved to focus on creating flexible systems that allowed for both visual consistency and collaborative efficiency. While the company has made several branding changes since I left three years ago, many of the header image templates and UI layouts I designed remain in use today.
Problem
TRUiC’s rapid growth led to design inconsistencies across its websites. There was no centralized design system or brand guidelines, which resulted in redundant design work, off-brand visuals, and a lack of UX cohesion across user touchpoints. The team needed a unified design language that could support multiple departments—from project management to development—while ensuring high usability and accessibility.
My Role
As the lead visual designer, I initiated and executed a comprehensive branding refresh and UI/UX overhaul. I redesigned the company’s logo to feel more modern and scalable, developed a versatile color system with accessibility in mind, and created a visual identity that worked well across both B2B and consumer-facing products. I also led the creation of a Figma design system used by designers, developers, and project managers company-wide.
My Process
- Logo & Branding: I reimagined the TRUiC logo with a modern, clean design that worked equally well in print, web, and favicon sizes. I paired it with an updated type system and a fresh color palette that was WCAG-compliant and flexible across light/dark backgrounds.
- Figma Design System: I built a robust Figma library that included reusable components (buttons, cards, icons, navigation, forms), typography and color styles, and a library of branded illustrations and UI elements. This library was documented and maintained for ease of use by cross-functional teams.
- Templates & Visual Assets: I designed modular page templates and header image templates to streamline production across multiple departments. These were used in product pages, landing pages, and internal dashboards. The templates helped maintain a consistent look and feel, even when different team members were producing content.
- Collaboration: I worked closely with SEO strategists, developers, project managers, and content creators to ensure alignment between user needs and business goals. Weekly design reviews and developer syncs helped ensure efficient iteration and implementation.
- Tools Used: Figma (design + prototyping), Monday.com (task coordination), Adobe Illustrator (logo + digital assets), and Photoshop (image editing).
Outcome
The design system I developed became the visual backbone of TRUiC’s digital presence. It improved production efficiency across departments, reduced redundant design efforts, and allowed the company to scale its content output without sacrificing quality or consistency. The refreshed branding helped position TRUiC as a more modern and trustworthy source of information in the competitive business formation space. These systems are still in use today, supporting new initiatives and guiding the visual direction of related brands like Startup Savant and HowToStartAnLLC.
STARTUP SAVANT: REDESIGNED THE WEBSITE From Scratch
StartupSavant.com
Startup Savant is a TRUiC-owned website focused on guiding entrepreneurs through the process of forming their own LLCs. I designed responsive web layouts tailored for this platform, ensuring seamless performance and visual consistency across desktops, tablets, and mobile devices. My work emphasized user accessibility, clarity, and an intuitive experience to support readers at every stage of their business journey.
OVERVIEW
I led a comprehensive redesign of Startup Savant’s website, focusing on creating an engaging user experience paired with a strong, cohesive brand identity. The project involved rebuilding the site from the ground up, developing detailed branding guidelines, and designing UI components that reflected the company’s mission and values. This approach ensured a consistent, recognizable online presence that resonated with the target audience and supported Startup Savant’s growth objectives.
Problem
The existing website suffered from inconsistent branding and a fragmented user experience. Visual elements varied widely across pages, and there was no clear style guide to govern design decisions. The user flow was confusing, making it difficult for visitors to find key resources or engage with the content effectively. Additionally, the website was not optimized for scalability or ease of content management, limiting Startup Savant’s ability to evolve the site as its business needs changed.
My Role
As the lead UI/UX designer, I spearheaded the complete redesign of Startup Savant’s website from concept to launch, with a strong emphasis on establishing and applying cohesive branding guidelines throughout the project. My responsibilities included creating wireframes, planning user experience flows in Figma, designing all visual elements to align with brand identity, and collaborating with developers to develop CMS assets. When the project scope shifted after the initial launch, I adapted the design strategy to accommodate the new direction while maintaining brand consistency and user experience quality.
My Process
I began with a thorough analysis of the existing website’s UX and brand presentation, identifying areas for improvement in usability and visual identity. I developed comprehensive branding guidelines that included color palettes, typography, iconography, and visual tone to ensure consistency across the site and marketing channels. Using Figma, I created wireframes and interactive prototypes focusing on user flows that reflected these branding standards, ensuring that every design decision reinforced the brand’s personality and values. I incorporated stakeholder and user feedback through iterative design sessions, refining both UX elements and brand application for accessibility and responsiveness. When the project pivoted, I updated the branding guidelines as needed to support new content and features while preserving the established brand voice and visual coherence. Throughout the project, I maintained organized design systems and CMS asset libraries that embedded brand guidelines to facilitate smooth handoff and ongoing site management.
Outcome
The redesigned website delivered a seamless, intuitive user experience enriched by a strong, consistent brand presence. Analytics showed improved user engagement, longer session durations, and higher conversion rates for key actions such as newsletter sign-ups and resource downloads. The cohesive application of branding guidelines elevated Startup Savant’s professional image, making the site visually appealing and instantly recognizable. Stakeholders appreciated the balance between creative vision and practical branding, which helped solidify the company’s online identity. This project reinforced the critical role of integrated branding within UX design, demonstrating how thoughtful brand implementation can enhance usability and business outcomes.
Web Applications
From streamlining user flows to building scalable design systems, my web application work focuses on intuitive, accessible experiences that serve real-world needs. I create clean layouts, clear hierarchies, and thoughtful interactions that balance usability with brand voice. Whether collaborating closely with developers or independently wireframing and prototyping in Figma, I design with both function and flexibility in mind—always aiming to simplify the complex and enhance the user journey.
TRUIC: Logo Generator Web Application
OVERVIEW
The Logo Generator was the first major web application I led during my time at The Really Useful Information Company (TRUiC). Designed to help small business owners generate professional-looking logos quickly and for free, this project marked a significant learning curve for me—one that challenged my creative, technical, and leadership abilities. From navigating team dynamics and cross-departmental communication to grappling with legal, budget, and scalability issues, the project offered valuable insight into what it truly takes to lead a successful web application from concept to launch.
Problem
TRUiC aimed to create a free, easy-to-use logo generator tool for entrepreneurs. But early in the process, several hurdles became clear: we needed to make the tool scalable and legally compliant, build it with a modest budget, and align it with the company’s broader mission of supporting small business owners. As my first experience leading a web application, I had to quickly adapt to new responsibilities and expectations while delivering a product that met stakeholder goals and user needs.
My Role
As the lead designer, I was responsible for the overall UX and UI direction, design systems, and collaboration with both the development and design teams. I transitioned from being a peer to leading a team of designers, which required adjusting how I gave feedback, set expectations, and ensured alignment across disciplines. I also worked closely with developers to bridge communication gaps—learning their language, understanding their technical constraints, and helping translate creative goals into executable tasks.
My Process
The initial phase involved extensive research, competitor analysis, and user flow planning. One of the earliest and most significant challenges came from copyright concerns. Many third-party logo generators on the market weren’t legally compliant, so I took the initiative to research intellectual property laws related to logo generation and usage. I synthesized this research into actionable insights and communicated those risks and solutions to our corporate team—ultimately shaping the direction of the product.
Another major shift occurred during budgeting. We started with a relatively large budget and expectations for high-quality, fully customized logos. But as priorities evolved, we had to reallocate resources and rethink our audience. This led to a quality tradeoff in the logos themselves, but a sharper focus on small business owners who needed something simple, fast, and free. We introduced an affiliate integration that allowed users seeking more custom options to connect with premium logo services, effectively expanding our offerings without further development.
Throughout the project, I created high-fidelity wireframes, UI mockups, and interactive prototypes. Each stage involved iterative feedback from developers, project managers, legal advisors, and executives. I also helped define a scalable design system that informed future web tools.
Outcome
Despite early roadblocks, the Logo Generator launched successfully and has remained one of TRUiC’s most visited and used tools. It supported the company’s mission of empowering entrepreneurs and served as a major milestone in my career. The lessons I took from this project were foundational: how to communicate across teams, manage evolving business expectations, navigate legal and financial limitations, and maintain composure under pressure. The Logo Generator not only taught me how to lead—it made me a better collaborator, problem-solver, and strategist.
This project laid the groundwork for future web applications I worked on, including the QR Code Generator, and helped shape how I approach large-scale digital projects to this day.
UX flow for the Logo Generator and branding guidelines done in Figma.
A responsive design for the Logo Generator by mocking up a mobile version in Figma.
The finished landing page to help boost SEO for the Logo Generator.
Example of the Logo Generator YouTube "How To Use" video after launch.
Some early analytics for the Logo Generator showing the growth of the application over the first few months.
TRUIC: QR Code Generator
OVERVIEW
The QR Code Generator was the second major web application I contributed to at TRUiC. Building on the momentum and lessons learned from the successful Logo Generator project, this application aimed to provide users with an easy, accessible tool to create custom QR codes for their business needs.
Problem
After the Logo Generator launch, there was growing demand for additional business tools to support entrepreneurs. However, the design and development teams needed to deliver this new functionality efficiently without compromising user experience or design quality.
My Role
I collaborated closely with both the design and development teams, applying streamlined UI/UX principles refined during the Logo Generator project. My responsibilities included designing intuitive wireframes, creating polished interface layouts, and ensuring seamless user flows that would encourage engagement and repeat visits.
My Process
Thanks to the established design system and components I helped create during the Logo Generator App, the QR Code Generator project moved much faster. We leveraged reusable UI elements, consistent branding, and effective user onboarding techniques. Special attention was given to anchor link placement on the homepage, making the tool highly visible and easy to access for site visitors. Iterative feedback loops with the development team helped us fine-tune functionality and user interaction quickly.
Outcome
The QR Code Generator launched smoothly and saw immediate success. Traffic to the page surged thanks to the clear, user-friendly design and strategic homepage promotion. The project’s accelerated timeline and strong UI/UX demonstrated how building upon past successes can streamline new product development while maintaining high user satisfaction.
Thumbnail for QR Code Generator for our YouTube channel.
Example of how to use our QR Code Generator on our YouTube video.
Some early Analytics showing the immediate success of the launch of this new tool.
In-House Content Management System (CMS) Design
One of the most challenging projects I worked on at TRUiC was helping our development team design an intuitive, custom-built content management system (CMS) from the ground up. As this was an internal tool used by our content, design, and SEO teams, I don’t have visuals to share—but I’ll walk through the design process, collaborative problem-solving, and key lessons learned. This project sharpened my ability to balance user needs with technical constraints and deepened my understanding of how thoughtful UX can transform internal workflows.