How to Hire a UX/UI Designer for a Website Redesign

Knowing how to hire a UX/UI designer for a website redesign starts with understanding that UX and UI are distinct disciplines.

UX designers research user behavior and architect conversion flows. UI designers execute the visual language those flows require. Most websites need both, and most hiring processes confuse them.

Hiring a UI designer when you need UX strategy produces a beautiful site that doesn't convert. Hiring a UX researcher when you need visual execution produces a logical site that looks unfinished.

Getting this distinction right before you start the search determines whether the hire delivers what the project actually needs.

Key Takeaways

• UX and UI are distinct disciplines: UX designers focus on research, information architecture, and conversion flow. UI designers execute visual design. Know which your project requires.
• Portfolio process matters more than output: UX portfolios showing research methodology and design rationale are more informative than polished finished screens without explanation.
• Design briefs improve every hire: A well-written brief attracts better candidates, enables more accurate quotes, and reduces misalignment during the project.
• Communication skills equal design skills: A designer who explains decisions to non-designers clearly is worth significantly more than one who cannot articulate their choices.
• Test with paid discovery work: A small paid task such as wireframing a single key page is the most reliable evaluation method for most UX/UI hires.

Webflow Development Services

Webflow Experts On-Demand

Whether you're starting fresh or need a full revamp—we create fast, modern Webflow sites built for growth.

Let's talk

UX vs. UI: Understanding What You're Hiring For

Understanding the UX website redesign process before defining the role ensures you hire the type of designer whose skills match your actual project gap.

What a UX Designer Does in a Redesign

The UX designer's scope covers user research, persona development, information architecture, user flow mapping, wireframing, usability testing, and conversion architecture.

This is the structural and strategic work that determines whether the site works.

A UX designer answers the question: does this site give the right people the right information in the right sequence to take the action we want?

• Information architecture: Designing navigation structure, content hierarchy, and page organization around how users actually think, not how the organization is internally structured.
• User flow mapping: Documenting the paths different user types take from entry to conversion, identifying friction points and decision-stage content gaps to address in the design.
• Wireframing: Creating low-fidelity structural layouts that establish content placement, hierarchy, and interaction logic before any visual design decisions are made.
• Usability testing: Running structured tests with representative users to validate or challenge design assumptions before high-fidelity design work begins.

What a UI Designer Does in a Redesign

The UI designer's scope covers the visual design system, typography, color palette, component design, iconography, animation design, and high-fidelity mockups.

This is the visual execution that makes the site look and feel right. A UI designer answers the question: does this site communicate the right brand values, visual quality, and professional credibility to its audience?

• Design system creation: Building a documented library of reusable UI components (buttons, cards, forms, navigation) with defined states that ensures visual consistency across all pages.
• Typography and color: Selecting and applying type scales, color tokens, and spacing systems that reflect brand identity while maintaining readability and accessibility standards.
• High-fidelity mockups: Translating wireframe structure into fully designed screens that show exactly how the site will look before development begins.
• Animation and interaction design: Defining micro-interactions, transitions, and hover states that communicate responsiveness and quality without distracting from conversion paths.

When You Need a Full-Stack Product Designer

The "product designer" or "hybrid designer" role handles both UX strategy and UI execution on projects where a single skilled designer is more efficient than two specialists.

This role is appropriate for smaller redesigns (10 to 20 pages, limited complexity) where the budget doesn't support two separate specialists and the scope doesn't require deep research methodology.

• Product designer indicators: Look for portfolios that show both wireframing and high-fidelity execution, with case studies that explain both the structural rationale and the visual decisions.
• Depth trade-off: A product designer covering both disciplines will go less deep on research and less deep on visual craft than the equivalent specialists. This trade-off is acceptable on simpler projects but not on complex ones.

Where to Find Qualified UX/UI Designers

When hiring a full redesign vendor, the sourcing channel shapes the quality and type of candidates you encounter before any evaluation begins.

Portfolio Platforms (Dribbble, Behance, UXFOL.io)

Portfolio platforms are useful for initial discovery. Filter for web redesign work specifically, assess case study quality, and note designers who demonstrate strategic thinking rather than visual execution alone.

UXFOL.io is specifically built for UX portfolios and surfaces process-oriented case studies more reliably than Dribbble, which is primarily optimized for visual design showcase work.

• Case study filter: On any portfolio platform, skip profiles with only polished screens and no process documentation. UX candidates without case studies showing research and rationale cannot be evaluated accurately.
• Web redesign specificity: Filter candidates by project type rather than visual aesthetic. A designer whose portfolio shows only mobile app work may lack web-specific conversion architecture experience.

Professional Networks (LinkedIn, Toptal, Hired)

LinkedIn is appropriate for direct outreach and job posts. Toptal provides pre-vetted senior freelancers for teams that need quality assurance without an extended vetting process.

Hired provides structured talent matching for teams with defined role requirements.

Each source suits different hiring contexts. LinkedIn works well for contract roles with a known quality threshold. Toptal works well when budget allows for premium rates in exchange for reduced vetting effort.

• LinkedIn outreach specificity: When reaching out directly to candidates on LinkedIn, include your project brief summary. Generic outreach produces poor response rates from the designers you most want to attract.
• Toptal quality premium: Toptal's vetting process is genuinely rigorous. The hourly rates are premium, but the quality floor is significantly higher than general freelance marketplace alternatives.

Agency or Studio Partnerships

Hiring a UX/UI designer embedded in an agency relationship gives you individual design skills supported by project management, development, and post-launch capability.

This model suits companies that need UX design expertise for a redesign project but don't have the internal capacity to manage a freelance designer's work independently.

• Embedded designer clarity: When hiring through an agency, confirm who specifically will work on your project. Agency pitches feature senior designers who are sometimes unavailable for the actual engagement.
• Scope of agency support: Define what the agency provides beyond the designer (project management, development handoff review, QA) to assess the total value of the relationship versus freelance alternatives.

How to Evaluate a UX/UI Designer's Portfolio

Understanding UX in website redesign informs portfolio evaluation because the skills that make a great website redesign are specific, not generic UX competency.

Look for Case Studies With Research and Rationale

The best UX portfolios show the design thinking process: the research that informed the architecture, the alternatives considered, the rationale for key decisions, and the measurable outcome.

Portfolios with only finished screens demonstrate that the designer can execute what someone else decided. Portfolios with research documentation, wireframe progressions, and decision rationale demonstrate that the designer can drive the project strategically.

• Research methodology evidence: Look for candidate mention of user interviews, analytics review, heatmap analyzis, or competitor research as inputs to design decisions, not just as portfolio buzzwords.
• Alternative exploration: Did the designer explore multiple structural or visual directions before settling on the final approach? The evidence of structured exploration indicates rigorous design thinking.
• Outcome documentation: The strongest portfolios include post-launch data or qualitative feedback that connects design decisions to business results. Absence of outcomes is not disqualifying, but their presence is a significant positive signal.

Check for Conversion-Focused Design Evidence

Identify conversion-conscious design in portfolios by looking for: CTAs placed prominently in high-attention zones, forms designed to reduce friction, and content hierarchy that guides users toward actions rather than purely informing them.

The distinction between a designer who optimizes for aesthetics and one who optimizes for conversion is visible in their portfolio work. Conversion-focused designers make placement decisions you can explain in terms of user behavior.

• CTA placement analyzis: In portfolio screenshots, note where primary calls to action appear. Above the fold, after key benefit statements, and at natural decision points indicate conversion awareness.
• Form design quality: Review any form designs in the portfolio. Short, clearly labeled forms with appropriate field types and helpful validation states indicate UX sophistication. Long, complex forms indicate aesthetic-first priorities.

Review Responsive and Mobile Design Work

Evaluate responsive design capability by looking for explicit mobile design work, not just desktop screenshots with a mobile preview thumbnail attached.

Ask specifically: how does the designer approach layout decisions that diverge significantly between desktop and mobile? The answer reveals whether mobile is a core design consideration or an afterthought applied after desktop design is complete.

• Mobile-first evidence: Portfolios that show mobile wireframes alongside desktop wireframes indicate designers who think responsively from the beginning rather than adapting desktop layouts downward.
• Touch interaction consideration: Look for evidence that the designer considered touch target sizes, swipe interactions, and thumb-zone placement in mobile design work, not just scaled-down desktop layouts.

What a UX/UI Designer Delivers in a Redesign

Understanding wireframes in website redesign and the other formal deliverables gives you a clear basis for evaluating whether a candidate's proposed scope matches your project's needs.

Wireframes and Prototypes

Wireframes are low-fidelity structural layouts showing content hierarchy and interaction flow without visual design. Prototypes add clickable navigation so stakeholders can experience the user journey before visual design begins.

Wireframes resolve structural questions cheaply. Changes to content hierarchy and page structure at wireframe stage cost a fraction of the equivalent changes made after visual design is complete.

• Wireframe fidelity levels: Low-fidelity wireframes (boxes and labels) are sufficient for internal alignment. Mid-fidelity wireframes with representative content are more appropriate for stakeholder presentations.
• Prototype scope: Prototypes are most valuable for complex user journeys (multi-step forms, guided navigation, gated content access) where testing the flow logic before visual design saves significant rework.

Design System and Component Library

The design system deliverable is a documented set of reusable UI components with defined states: default, hover, active, disabled, and error.

This is the foundation for consistent visual implementation across all pages and for extending the design to new pages after launch without requiring the designer's direct involvement.

• Component documentation depth: Design systems that include spacing specifications, color token assignments, and animation timing alongside component visual designs enable more accurate implementation than those showing appearance only.
• Figma component structure: A Figma component library with properly structured master components, variants, and auto-layout enables developer inspection without the need for constant designer clarification calls.

Annotated Design Specifications

Developer handoff includes annotated designs that specify spacing, typography, color values, component behavior, and interaction states.

The quality of developer handoff documentation directly affects how accurately the design is implemented. Poorly annotated handoff creates a cycle of developer questions, designer interruptions, and implementation inconsistencies.

• Specification completeness: Every interactive element (buttons, forms, navigation, accordions) needs annotated specifications covering all states, not just the default appearance.
• Responsive behavior documentation: Annotations should specify how components behave at defined breakpoints, not just how they look at one viewport size.

How to Write a Design Brief That Attracts the Right Candidates

Researching UX design tools for redesign and understanding the working environment helps you brief candidates accurately about platform requirements and tool preferences.

Business Goals and Success Metrics

State specific business goals in the brief, not vague design goals.

"Increase demo requests by 30%" attracts designers who measure their work by business outcomes. "Make it look more modern" attracts designers who optimize for aesthetics.

Good designers self-select based on the specificity and seriousness of the brief. A detailed, goal-oriented brief signals that the client is prepared for a serious engagement.

• Current baseline inclusion: Including current conversion rates, traffic volumes, and key analytics data in the brief demonstrates that you have the data to evaluate success objectively.
• Success metric ownership: Specify which metrics the designer will be expected to improve and how performance will be reviewed. Candidates who respond positively to this accountability are those who are confident in their ability to deliver outcomes.

Target Audience and User Research Available

Describe the target audience and specify what user research data is available. The presence of existing research data materially affects the scope and cost of the UX engagement.

Existing persona documents, customer interview transcripts, analytics data, and session recordings reduce the research phase of the engagement significantly. Candidates need to know this to scope accurately.

• Research data inventory: List every user research asset available: GA4 data access, Hotjar or Clarity session recordings, customer interview transcripts, support ticket logs, and any existing persona documentation.
• Research gap identification: Note specifically what is not known about user behavior. Gaps in research data indicate where the designer will need to conduct primary research versus working from existing evidence.

Platform, Timeline, and Budget Parameters

Practical parameters help candidates assess whether the engagement is an appropriate fit for their skills, availability, and rate.

State the CMS or development platform (Webflow, WordPress, custom), the project timeline (sprint-based or waterfall), and the design budget range. Withholding budget from candidates produces inaccurate scoping and wastes both parties' time.

• Platform-specific skills: Not all UX/UI designers have experience designing within specific platform constraints. Webflow's layout system, Gutenberg's block editor, and custom development each impose different design constraints.
• Design tool alignment: Confirm candidates work in Figma if that is your development team's handoff tool. Designers working in tools incompatible with your development process create friction at handoff.

Setting Up Your UX/UI Designer for Success

Following redesign best practices UX includes client-side responsibilities that determine whether the engagement delivers effectively regardless of the designer's skill level.

Provide Access to Analytics and User Data

A UX designer needs access to GA4 data, session recordings from Hotjar or Microsoft Clarity, customer interviews, and support ticket logs to make informed design decisions.

Organizations that withhold data for confidentiality reasons, or simply haven't organized it, get designs based on assumptions rather than evidence. Those assumptions are less accurate than the data that already exists in the organization.

• Data access timeline: Provide data access before the engagement begins, not at the project kickoff meeting. Designers who receive analytics access at kickoff lose the first week of engagement to setup and orientation.
• Session recording value: If you have no session recording data, set up Microsoft Clarity (free) or Hotjar on the current site four weeks before the redesign begins. Even four weeks of session data is significantly more useful than none.

Define a Clear Decision-Making Process

Establish who has final approval authority on design decisions before the engagement begins.

Unclear decision-making processes produce conflicting feedback, endless revision cycles, and delayed launches. A single named approver for design decisions is the most important process decision you can make before any design work begins.

• Revision round limits: Define how many revision rounds are included for each design deliverable before additional rounds are scoped as change requests. Unlimited feedback cycles destroy project economics and morale.
• Stakeholder feedback consolidation: When multiple stakeholders are involved, designate one person to consolidate feedback before it reaches the designer. Raw, unconsolidated multi-stakeholder feedback creates contradictory direction that no designer can resolve.

Protect Design Time From Constant Interruption

Design quality requires sustained focus time. Designers pulled into daily status calls and asked for feedback on every minor decision produce measurably worse work than those given defined feedback windows.

Establish scheduled feedback sessions (twice weekly, for example) with asynchronous communication between them. This structure enables deep work between sessions without leaving the designer disconnected from stakeholder input.

• Feedback window structure: Weekly or twice-weekly synchronous review sessions with asynchronous feedback via Figma comments between sessions is the most productive collaboration model for most UX engagements.
• Decision authority protection: If the designer makes a well-reasoned design decision and it is overridden by a non-designer stakeholder's aesthetic preference, document the override. Pattern recognition of overrides helps identify collaboration process problems early.

Conclusion

Hiring the right UX/UI designer comes down to finding someone who demonstrates design thinking in their portfolio, communicates decisions clearly to non-designers, and has been given the quality brief they need to do excellent work.

Pull your current site's session recording data from Hotjar or Microsoft Clarity before briefing any candidates.

That evidence of where users are struggling is the single most valuable input you can give a UX designer at the start of any engagement.

Webflow Development Services

Webflow Experts On-Demand

Whether you're starting fresh or need a full revamp—we create fast, modern Webflow sites built for growth.

Let's talk

LOW/CODE Agency's Design Team Combines UX Research With Business-Driven Design

LOW/CODE Agency's design practice starts with research, not aesthetics. We use analytics data, session recordings, and conversion rate analyzis to define the information architecture before any visual design begins.

We are a strategic product team, not a dev shop.

Our UX-led website redesign services include research-informed IA, conversion-focused design system creation, and fully annotated developer handoff, all structured so your development team can implement accurately without constant design team involvement.

• UX research and analyzis: We review your analytics, session recordings, and any available user research before producing a single wireframe, ensuring design decisions are grounded in evidence.
• Information architecture design: We design site structure and navigation around how your buyers actually think and what they need at each decision stage, not around your internal organization chart.
• Wireframing and prototyping: We produce low-fidelity wireframes for internal alignment and mid-fidelity prototypes for stakeholder review before any high-fidelity visual design begins.
• Conversion-focused design system: Our UI design produces a documented component library with all interaction states defined, enabling consistent, accurate implementation and future extension.
• Annotated developer handoff: We deliver fully annotated Figma files with spacing, typography, color tokens, and interaction specifications documented for every component and breakpoint.
• Responsive design across breakpoints: We design mobile, tablet, and desktop layouts in parallel, not as sequential adaptations. Mobile is a first-class design concern, not a desktop scale-down.
• Post-launch UX review: We review conversion data and session recordings after launch and produce a UX optimization brief based on real user behavior on the live site.

We have delivered 350-plus digital products for clients including Coca-Cola, American Express, Sotheby's, Medtronic, Zapier, and Dataiku. Our design team brings the same research-first rigour to every engagement, regardless of project scale.

Start with a scoping call