Revize: Rebrand and Website Design

Project Overview Consumer Values Brand Design Creating a New Website Final Website Design Takeaways

Client

Revize LLC

Product

Branding & Website

Role

UX/UI Designer

Time

Oct 2025 - Jan 2026

Project Overview

Background & Problem Statement

Revize builds creative and user-friendly websites for municipalities, offering an in-house CMS, page builder, and various web applications. My job was to create a brand identity for them, apply it across assets company-wide, and redesign the flagship website. Going into the project, there was no concrete brand and the website hadn't been updated in close to a decade.

🎯 Goals

  • Create a branding guide for employees to reference
  • Redesign all assets to be cohesive with the new brand
  • Design a new website that incorporates new products and features

🚩 Challenges

  • Create a flexible brand that integrates into their software
  • Coordinate with stakeholder to discuss updates and recieve feedback

🙋🏻 My Role

  • Sole Brand and UX/UI Designer
  • Wirefame and prototype the website's pages
  • Establish a new sitemap for the website
  • Develop and maintain the project's timeline

Identifying Consumer Values

Who Are We Designing For?

Before jumping into the brand, I first wanted to define a general direction. What does revize offer that separates us from our competition? What sort of qualities do clients look for in their website provider?

These type of questions helped guide my decisions throughout the project and evaluate impact afterward.

User Identity Values and Traits

Brand Design

How We Transitioned the Brand

After conversations with stakeholders, there was a fairly clear direction to focus on. They wanted the brand to emphasize creativity, innovation, and leans away from their current muted purple color scheme.

Defining the New Brand Elements

Graphics: A creative and website-focused company
Saturated Blue: Tech company, Innovative, Trustworthy
Mesh Gradient: Curved edges match the creative feel, pairing well with the graphics
Font (Plus Jakarta Sans): Geometric, modern, slightly humanistic
Tone of Voice: Confident, motivational, and empowering

Elements In-Use

AI Chatbot Infographic

Trade Show Banner

Proposal Packaging

Creating a New Website

Defining the Sitemap

With the existing website being a decade old, there's a lot of new tools and services needed to add to the website. Beyond simply adding new pages, it also impacts which content we need to prioritize in the sitemap and home page.

After collaborating with our marketing specialist, this is the sitemap we decided on. It emphasizes our core services, being website designs, editing tools, and the growing list of applications.

website sitemap

High-Fidelity Wireframing

With a relatively tight timeline to follow, creating a medium-fidelity wireframe for only the homepage gave ma a direction for how the rest of the website would look. After that, the website was made up of 22 high-fidelity wireframes, with the core navigation and interactions prototyped.

The Final Product

Interactive Prototype

The final design combines all of the key parts - the modernized brand, a restructured sitemap, and a combination of old and new content into their website.

The home page is organized to give users an intial idea of who revize is and the types of services we offer. As they scroll, they get a more detailed look at those core services.

Core UI Features

  • The content is centered around Revize's 5 main services to give users a sense of who we are, the services we offer, and the quality of our work.
  • The design approach focuses on bold, concise text, subtle movement, and imagery to capture attention.
  • Each page has a call-to-action at the bottom, encouraging user acquisition.

Takeaways

Lessons Learned

  • The objectives of a branding guide and the content needed to achieve those goals.
  • As the lead UX/UI designer, I needed a strong understanding of each step, including the process and goals for each task.
  • How to prioritize tasks under time and technical constraints.
  • An in-depth use of Figma's component system.

What Would I do Different?

  • Explore alternative design options, especially for typography, to ensure accessibility best practices are met.
  • Focus on stakeholder feedback to ensure expectations are aligned throughout the process.

Hard & Soft Skills

  • Figma (Prototyping, Components, and Styles)
  • UX/UI Design
  • Accessibility Standards
  • Project Management
  • Attention to Detail
  • Stakeholder Discussions