One of the first tasks was to restructure the site architecture. The original sitemap gave equal weight to primary and secondary content, and lacked a guided flow.

The revised sitemap streamlines navigation, removes redundancy, and introduces a clear flow from landing to conversion. We consolidated sections and moved less critical content (e.g., legal info) into the footer to keep the core experience focused.

We reimagined the site to follow a natural scroll-based narrative:

1. Attract with a bold offer and strong visuals
2. Convince with clear commission structures and benefits
3. Reassure with testimonials and supporting content
4. Convert with visible, high-impact CTAs placed throughout

Content was reorganized into modular blocks, each with one clear purpose—educate, build trust, or drive action.

Given the tight 6-week timeline, we skipped low-fidelity exploration tools and moved straight into structured layout design, starting with hand-drawn wireframes to align priorities quickly.

This early sketch helped define the core content flow:

• A bold hero section highlighting the key value proposition (XX% revenue share)
• A clear, high-contrast CTA placed early to drive conversions
• A visual slot for imagery or product mockups to reinforce the offer
• A dedicated, scannable Commission Structure section to build trust and support decision-making

From this foundation, we moved into responsive layouts in Figma.

To ensure scalability and speed, we created a modular design system in Figma, which included:

• A reusable UI Kit with buttons, typography, and layout components
• Consistent spacing rules, color styles, and design tokens
• Scalable sections for commission structures, testimonials, and CTAs

This allowed the design team to work in sync while ensuring visual and functional consistency across breakpoints.

Layouts were designed responsively from the beginning. Each screen—desktop, tablet, and mobile—was adapted to maintain usability and clarity. We focused on:

• Adaptive grid behavior
• Tap-friendly touch targets and CTA placements
• Simplified navigation for mobile
• Reflowing commission tables for small screens

The mobile experience was not just a scaled-down version—it was intentionally crafted for performance and clarity.

I led a small but focused team of two UX/UI designers. Together, we:

• Created mobile and tablet versions
• Built and maintained the shared UI Kit
• Developed branded hero imagery and UI assets using MidJourney

I took ownership of the desktop layouts and provided direction and quality checks across all visual touchpoints. We worked in fast iterations with daily reviews to stay aligned and on schedule.

Once the visual designs were finalized, I led the full handoff and implementation support process, working closely with developers to ensure everything was built to spec.

This included:

• Delivering fully organized and labeled Figma files
• Exporting all necessary assets and layout specifications
• Supporting the development team with behavior clarifications and responsive behavior notes
• Using Jira to document design tickets, assign tasks, and track progress across features
• Creating an Excel QA tracker to document each QA round, detail issues found across breakpoints, and assign them to specific developers for resolution

This structured and transparent approach helped us ensure consistency, avoid missed details, and streamline collaboration between design and engineering—especially critical under the pressure of a tight 6-week deadline.

The new Master Affiliates website was crafted to deliver clarity, confidence, and action. Every section was designed with purpose — from the bold hero statement that immediately communicates value, to the commission breakdown and testimonials that build trust.

Strong visual anchors like high-impact photography, structured content blocks, and bold CTAs helped guide user attention and create a professional, persuasive journey. The layout was built responsively to ensure consistency across desktop, tablet, and mobile, supporting accessibility and a seamless user experience.

This success was made possible through strong coordination with a cross-functional team:

• The CRO provided behavioral insights that influenced the layout of CTA placement and UX writing.
• A copywriter and SEO specialist worked together to shape UX writing aligned with clarity, tone, and search performance.
• Project managers handled Jira task creation and helped manage QA cycles, one PM even participated in testing.
• I worked closely with developers from the start, ensuring feasibility, alignment on interactions, and timely handoff support.

This constant communication across disciplines allowed us to iterate quickly and make confident decisions throughout the process.