Client Overview

NYX is an innovative AI-powered marketing platform that enables brands to automate, optimize, and personalize their marketing campaigns at scale. Designed for high-growth businesses, NYX integrates data science, automation, and real-time insights to drive marketing efficiency.

The brand approached us to develop a cohesive, modern, and conversion-driven digital presence, including their website, mobile/web application, and creative assets for social media — all while reducing production time and maximizing resource efficiency.

Objective

• Build a user-centric digital product ecosystem

• Craft a sleek, tech-forward brand identity

• Deliver high-quality UI/UX, web, app, and social creatives — ahead of schedule

• Streamline design processes to save time and resources

Step-by-Step Design & Delivery Process

Step 1: Discovery & Strategy

Goal: Understand NYX’s AI offerings, target audience, and business roadmap.

Activities:

• Stakeholder workshops to map product vision

• Market and competitor research (e.g., Jasper, Copy.ai, HubSpot AI)

• Identified primary personas: Marketing Managers, Growth Hackers, Enterprise CMOs

• User journey mapping (from awareness to onboarding)

Deliverables:

• Brand strategy document

• Content structure roadmap

• User flow blueprints for app and website

Step 2: Brand & Visual Direction

Goal: Develop a modern, clean, tech-centric visual identity.

Design Approach:

• Futuristic but friendly design language

• Minimalist color palette (gradient blues, dark neutrals, pops of neon)

• Data-driven and structured layout to convey intelligence and reliability

Deliverables:

• Logo refinements and scalable brand system

• Typography, iconography, motion principles

• Brand guidelines PDF for internal and external use

Step 3: UI/UX Design – Application (Web + Mobile)

Goal: Design intuitive, scalable screens for NYX’s core platform.

UX Design

• Created low-fidelity wireframes for:

  • Onboarding flow

  • Campaign creation module

  • AI recommendation dashboard

  • Analytics visualization

  • A/B testing workflow

  • Team collaboration tools

• Mapped multiple user states:

  • New user setup

  • Power user dashboard

  • Campaign performance views

  • Alerts & notifications

UI Design

• Designed 40+ responsive app screens in Figma

• Custom components (cards, sliders, tables, input fields)

• Designed for modular scalability and dev handoff

• Accessibility-focused (keyboard navigation, color contrast, text scaling)

Deliverables:

• Complete design system with reusable components

• High-fidelity designs for Web and Mobile (iOS + Android)

• Figma prototype for stakeholder reviews and testing

Step 4: Website Design & Development Collaboration

Goal: Build a lead-gen focused, high-conversion website.

Key Features:

• Sticky header with smart navigation

• Real-time AI demo (interactive element)

• Use case pages for industries

• Blog and resource center

• Pricing page with dynamic comparison

Interaction Design:

• Smooth micro-animations

• Scroll-triggered data visualization

• Mobile responsiveness from the ground up

Deliverables:

• 12+ unique website page templates (Home, Features, Pricing, Blog, etc.)

• Clickable prototypes for development

• UI animation guide

• Dev-ready handoff in Zeplin and Figma

Step 5: Creative Asset Production (Social Media + Marketing)

Goal: Support pre-launch and ongoing campaigns with impactful creatives.

Assets Created:

• Product explainer videos (motion graphics)

• Social media templates (LinkedIn, Instagram, Twitter, YouTube)

• Static and animated ad banners

• Webinar/event promo kits

• Email templates (onboarding, newsletter, drip campaigns)

Efficiency Wins:

• Built a template library in Canva/Figma for NYX’s internal team

• Enabled the marketing team to scale assets 3x faster

• Delivered all creatives two weeks ahead of schedule

Efficiency & Process Innovation

• Componentized Design System → Reduced screen design time by 40%

• Shared Libraries for app + web + social → Consistency across platforms

• Automated Prototyping Tools → Faster feedback cycles

• Cloud-Based Handoff (Zeplin/Figma) → Streamlined dev collaboration

Results

• ✅ Website bounce rate reduced by 38%

• ✅ App onboarding time improved by 25%

• ✅ Social creative turnaround time reduced from 3 days to 1 day

• ✅ Positive feedback from 92% of beta users on product usability and visuals

Tools Used

• Figma (Design & Prototyping)

• Adobe After Effects (Motion)

• Canva (Template library for social)

• Zeplin (Dev Handoff)

• Notion (Documentation & Planning)

• Loom (Client walkthroughs)

Conclusion

Our collaboration with NYX demonstrates the impact of delivering design with foresight and efficiency. By aligning design with their AI-driven mission, we created a unified digital experience that elevated their platform’s credibility, improved user adoption, and empowered internal teams to move faster — all ahead of launch deadlines.