Hi Desert Communications
Role - UX/UI Designer
Tools Used - Figma
Timeline - Mar. 2026 - Apr. 2026 (5 weeks)
Redesigned site structure to improve clarity, trust, and high-intent conversions.
Overview:
Problem: Cluttered site, poor navigation
Solution: Clear structure + strong CTAs
Focus: Trust, clarity, conversion
Outcome: Drives engagement and inquiries
Problem & Opportunity
The Problem
Navigation lacked clarity and structure
Services and products were hard to find
Weak trust signals reduced credibility
The Opportunity
Simplify navigation for fast decision-making
Highlight key services and products
Strengthen trust through clear structure
Before (Existing Homepage)
Solution
A simplified, mobile-first workout experience built for speed, clarity, and consistency
Clear Hierarchy
Organized content for fast scanning
Reduced unnecessary complexity
Structured Navigation
Prioritized high-intent actions
Simplified paths to services and products
Trust-Focused Design
Added company info, certifications, and proof points
Improve navigation clarity
Increase visibility of key actions
Support fast, high-intent decision making
Build trust through structured content
Goals
Key User Journeys
These journeys highlight the primary paths
users take to find products, request services,
and convert into leads.
Find Products
Browse → Select category → View details
Explore Services
View services → Understand offerings →
Take action
Request a Quote
Access form → Submit request → Await response
Contact the Team
Choose method → Reach out quickly
Information Architecture
Balanced business goals, user needs, and content structure to support clarity and fast decisions.
Business Context
Public safety and government clients
High-stakes, reliability-focused industry
Users
Task-focused, high-intent visitors
Need fast, clear answers
Content
Products, services, contact, and company info
Core Actions
Products
Services
Request a Quote
Contact
Supporting Content
Company / About
Trust signals
Contact details
Structuring High-Intent Actions
Lo-Fi Wireframes
Clear messaging
Focused CTAs
Form-first layout
Quick access to contact details
Home/ Landing
Contact & Service Request
Explored layout, hierarchy, and conversion paths before visual design.
Hi-Fi Screens
Final UI emphasizes clarity, trust, and conversion.
High-intent actions are easy to access
Clear hierarchy improves scanning
Consistent layout reduces friction
Home/ Landing
About Us
Contact & Service Request
Clear messaging and strong calls-to-action
Structured content builds credibility
Fast, streamlined communication flow
Visual Direction & UI System
Summary
Designed for clarity, trust, and usability across high-intent interactions
Cabin for clarity and consistency
Clear hierarchy improves scanning
Red highlights key actions
Neutral tones support readability
Consistent buttons, cards, and forms
Predictable patterns reduce friction
Color System
Typography
Components
Reduced onboarding friction through
step-by-step account and goal setup
Faster repeat interactions using
thumb-reachable primary actions
Clear information hierarchy via
card-based layouts
Predictable navigation patterns
across core screens
Results & Impact
Improved clarity, navigation, and conversion-focused structure.
Design Decisions
Simplified layouts
Prioritized essential information
Built consistent patterns
Key Outcomes
Faster access to services and products
Increased visibility of key actions
Stronger trust through structured content
Reflection & Next Steps
Focused on structuring around user intent to support fast, high-stakes decisions.
Key Learnings
Structure improves usability
Clarity builds trust
Focused paths drive conversion
Next Steps
Structure improves usability
Clarity builds trust
Focused paths drive conversion
Hi Desert Communications
Hi-Desert Communications provides two-way radio systems and emergency vehicle equipment for public safety agencies, municipalities, and commercial teams across Southern California.
Role: UX/UI Designer • Tools Used: Figma, Framer • Timeline: March 2026 - April 2026 (5 weeks)
Overview:
Problem: Outdated, cluttered site with weak navigation and low clarity
Solution: Streamlined redesign with clearer structure and stronger CTAs
Focus: Trust, clarity, product discovery, conversion
Outcome: Modern experience designed to drive engagement and inquiries
The original website lacked structure, clarity, and modern design, making it difficult for users to quickly understand services or browse products.
Core Issues:
Text-heavy layout with little visual hierarchy
Unclear navigation and product organization
Outdated design reducing trust and credibility
Poor scanning experience, especially on mobile
The Problem
Before (Existing Homepage)
Improving structure and usability would enhance both user experience and business outcomes.
Design Goals:
Make services and products easier to understand
Improve trust with a more modern, professional design
Simplify navigation to reduce friction
Increase contact inquiries and service requests
The Opportunity
Problem & Opportunity
Why This Matters
Users must quickly find services and products without confusion.
A modern, clear experience builds trust and drives inquiries.
Goals
Design Goals:
Enable quick access to services and products with minimal effort
Reduce cognitive load through clear structure and visual hierarchy
Make key information easy to scan and understand at a glance
Improve trust through a modern, professional visual design
Simplify navigation to support faster user decision-making
Increase conversions through clear calls to action
These goals were defined early to guide design decisions, improve usability, and increase clarity across the website experience.
Solution
A structured, modern website experience designed to improve clarity, usability, and trust while making it easier for users to explore services and request support.
Intended impact: Help users quickly understand offerings and navigate with ease
Simplified Site Structure
Reorganized content into clear sections: Home, About, Products, Services, Contact
Grouped related information to reduce confusion
Intended impact: Make it easy to browse and find the right product quickly
Scannable Product Experience
Introduced a consistent card-based layout for all products
Grouped products by category (Analog, DMR, Multi-Band, etc.)
Reduced text density and prioritized key information
Used spacing and contrast to guide attention
Intended impact: Improve readability and allow users to scan content effortlessly
Clear Visual Hierarchy
Intended impact: Encourage user action and increase inquiries
Conversion-Focused Design
Added clear CTAs like “Contact Us” and “Request a Quote”
Made contact options easily accessible across the site
Updated the visual design to feel more modern and professional
Applied consistent styling across all pages
Intended impact: Build trust and improve first impressions
Modernized UI & Credibility
These wireframes were used to validate layout, hierarchy, and key conversion paths before visual design. Early iterations revealed friction in navigation and unclear prioritization of high-intent actions, leading to a more streamlined and action-focused structure.
Home / Landing
Contact & Service Request
Low-Fidelity Wireframes
Primary actions are clearly surfaced to support high-intent user behavior
Simplified layouts reduce friction when browsing services or requesting support
Clear hierarchy improves scanning and speeds up decision-making
Designed to quickly communicate services, establish credibility, and guide
users toward primary actions like requesting a quote or contacting the team.
Structured to support fast communication by prioritizing the service request
form while keeping key contact details and location information easily accessible.
The final UI translates clarity, trust, and conversion-focused design into a streamlined experience that helps users quickly find services, explore products, and take action.
High-intent actions like requesting a quote or contacting the team are prioritized and easily accessible
Clear visual hierarchy guides users to key information without overwhelming the interface
Consistent layout patterns improve navigation and reduce friction across pages
Content is structured for fast scanning, supporting quick decision-making
Clear messaging and strong calls-to-action guide users toward key actions like exploring services or requesting a quote
Company information and trust signals are structured to build credibility and support confident decision-making
Streamlined contact flow prioritizes fast communication with a focused form and accessible contact details
High-Fidelity Screens
Home / Landing
About Us
Contact & Service Request
Structured content sections improve scannability, helping users quickly access services, product information, and contact options.
A limited color palette is used to establish clarity and visual hierarchy. Red (#E63946) highlights primary actions and key interactions, while neutral tones (#121010, #000000, #E7E3E4) create a professional, high-contrast foundation that improves readability and builds trust.
Typography was selected for clarity and legibility across devices. A clear hierarchy between headings and body text supports quick scanning, allowing users to easily find services, product details, and contact information without unnecessary friction.
Interface components were designed to prioritize high-intent actions and simplify user interaction. Buttons, forms, and content sections follow consistent patterns to create predictable navigation and reduce friction across key conversion paths.
Primary typeface: Cabin
Color & Contrast Strategy
Typography & Readability
Components & Interaction Patterns
E63946
121010
E7E3E4
000000
The UI system was designed to reinforce clarity, trust, and usability across high-intent interactions. Visual decisions support quick scanning, reduce friction, and guide users toward key actions like exploring services and requesting quotes.
Visual Direction & UI System
This project reflects my approach to UX design: simplifying complex information, prioritizing high-intent user behavior, and designing systems that drive clarity, trust, and conversion.
Improved ability to quickly find services and product information through clearer navigation structure
Increased visibility of high-intent actions like requesting a quote or contacting the team
Enhanced scannability with simplified layouts and card-based content organization
Stronger trust signals through structured company information and consistent visual hierarchy
Key UX Outcomes
Reduced cognitive load by simplifying layouts and prioritizing essential information
Structured content to guide users toward key actions without overwhelming them
Designed for fast, goal-oriented interactions rather than exploratory browsing
Built a consistent and reusable component system to support scalability
Core Design Decisions
Flexible structure that supports expanding product categories and service offerings
Designed to accommodate additional case studies, certifications, and trust signals
Reusable components reduce effort for future updates and iterations
Supports long-term growth as the business scales its offerings and client base
Scalability & Future Growth
The final design improves clarity, usability, and conversion by simplifying navigation and surfacing high-intent actions. By reducing friction across key flows, users can quickly explore services, understand product offerings, and request support without unnecessary complexity.
While conceptual, the solution reflects real-world UX patterns used in service-based and B2B websites focused on trust, clarity, and fast decision-making.
Results & Impact
This project reinforced the importance of structuring information around user intent before moving into visual design. By prioritizing clarity, trust, and high-intent actions, the final structure supports fast decision-making for public safety, government, and commercial clients seeking reliable communication solutions.
Key Learnings
Structure drives usability
Early validation of navigation and hierarchy reduced friction and improved how quickly users could find services and product information
Context shapes interaction design
Designing for high-stakes industries emphasized trust signals, clear messaging, and direct access to key actions
Clarity builds trust
Consistent structure and predictable navigation reinforced credibility and reduced uncertainty during decision-making
Focused paths improve conversion
Prioritizing high-intent actions like requesting a quote or contacting the team streamlined the user journey
Opportunities for Future Iteration
Usability testing
Validate how quickly users can locate services, understand offerings, and complete contact or quote requests
Content refinement
Expand service descriptions and product details to support deeper evaluation for technical buyers
Trust signal expansion
Introduce additional certifications, client logos, and case studies to further strengthen credibility
Scalability
Ensure the structure supports future service offerings, product categories, and long-term business growth
Reflection & Next Steps
Key User Journeys
These journeys highlight the primary paths users take to find products, request services, and convert into leads.
Primary Conversion Path → Request Service
Secondary Conversion Path → Product Inquiry
The user flow focuses on helping visitors quickly find products, understand services, and request support with minimal friction.
Home
Products
Category
(Analog, DMR, etc.)
Product Page
Request Quote
Find a Product
Request a Service
Home
Services
Service Detail
Contact/ Request Quote
Quick Contact
(High Intent User)
Home
Primary CTA
Form/ Phone Call
Learn About Company
(Trust Builder)
Home
About
Trust Signals
Contact
Information Architecture
The information architecture was designed to balance business needs, user expectations, and content structure to support fast decision-making and build trust.
Agencies, municipalities, commercial teams
Task-focused, not browsing casually
Need quick answers and clear options
Often returning or high-intent users
Public safety + government clients
High-stakes, reliability-focused industry
Users need fast, clear information
Trust and credibility are critical
Products (Analog, DMR, P25, etc.)
Services (Installation, Maintenance, Engineering)
Contact / Request a Quote
Company info (About, Trust signals
Clarity
Fast
Decision-Making
Trust
Core IA Strategy
Users
Content
Business Context
This intersection shaped an information architecture optimized for clarity, trust, and fast decision-making.
Framework for structuring content and navigation
Structuring the Experience Around High-Intent Actions
The structure prioritizes clarity and conversion by surfacing high-intent actions while keeping supporting information accessible without overwhelming users.
Home / Landing
Core Actions (High Intent)
Secondary Actions (Supportive)
Prioritized to help users quickly find
products, understand services, and
take action.
Organized to provide additional information without distracting from primary conversion paths.
Products
Services
Contact
Request a Quote
Company
About
Contact Form
Contact
Phone Call
Trust Signals (Certifications, Partners, Clients)
Service Request
Past Work / Installations (Case Examples)