Web Design WildCard: UX/UI, Animation & InteractivityNadia Mousaoui
Every great digital experience begins with a story.
I craft immersive web experiences that balance engaging narratives with functional precision. By combining thoughtful storytelling with systematic design, I create interfaces that guide users naturally while meeting business goals.
My Design Approach
▸ Strategic UI/UX Design
Creating intuitive interfaces that align user needs with business objectives through research-backed design decisions.
▸ Meaningful Motion
Implementing purposeful animations and interactions that enhance usability and guide attention without distracting.
▸ Scalable Design Systems
Building modular component libraries using Atomic Design principles for consistency and efficient product scaling.
▸ Inclusive Design
Ensuring accessibility compliance (WCAG) from the ground up for users of all abilities.
▸ Responsive Foundations
Designing mobile-first experiences that adapt seamlessly across all device sizes and platforms.
▸ Ongoing Design Partnership as needs evolve
Optional maintenance and evolution of your digital product (additional fees apply)
What's included
Discovery and Brainstorming
Client Brief & Goals: A Q&A document to define your goals, business core values and purpose.
Understand the brand, target audience, and project objectives.
Creative Direction: Define the visual and interactive style.
Mood Boards & References: Gather inspiration.
Storyboarding: Plan the narrative flow.
Wireframing & UX Planning ⭐
User Journey Mapping: Outline how users will navigate the experience.
Low-Fidelity Wireframes: Sketch the layout and interactions (Figma).
Prototyping: Test basic interactions before full design.
Accessibility solutions
Responsive & Adaptive Design: Ensure flawless performance across devices.
High-Fidelity Design
Visual Design ⭐:
Custom illustrations.
Typography, color schemes, and micro-interactions.
Motion Design ⭐:
Smooth animations (GSAP, Rive, Lottie, After Effects).
Scroll-triggered effects, transitions.
Micro-interactions
Asset Optimization:
Balance quality with performance (compressed images, SVGs).
Ready to dev option 1
Design Handoff Package:
Figma files with auto-layouts and specs,
SVG/PNG assets optimized for web,
Animation Documentation,
Timing, easing, and implementation notes.
Ready to dev option 2
I take over the web development.
Modification rounds
This package is open to 2 modification rounds for the deliverables that are marked with a ⭐
Example work
Starting at$4,500
Duration4 weeks
Tags
Adobe After Effects
Adobe Illustrator
Adobe Photoshop
Figma
Rive
Rive Animator
UI Designer
UX Designer
Service provided by
Nadia Mousaoui proParis, France
- $1k+
- Earned
- 1
- Paid projects
- 5.00
- Rating
- 11
- Followers
Web Design WildCard: UX/UI, Animation & InteractivityNadia Mousaoui
Starting at$4,500
Duration4 weeks
Tags
Adobe After Effects
Adobe Illustrator
Adobe Photoshop
Figma
Rive
Rive Animator
UI Designer
UX Designer
Every great digital experience begins with a story.
I craft immersive web experiences that balance engaging narratives with functional precision. By combining thoughtful storytelling with systematic design, I create interfaces that guide users naturally while meeting business goals.
My Design Approach
▸ Strategic UI/UX Design
Creating intuitive interfaces that align user needs with business objectives through research-backed design decisions.
▸ Meaningful Motion
Implementing purposeful animations and interactions that enhance usability and guide attention without distracting.
▸ Scalable Design Systems
Building modular component libraries using Atomic Design principles for consistency and efficient product scaling.
▸ Inclusive Design
Ensuring accessibility compliance (WCAG) from the ground up for users of all abilities.
▸ Responsive Foundations
Designing mobile-first experiences that adapt seamlessly across all device sizes and platforms.
▸ Ongoing Design Partnership as needs evolve
Optional maintenance and evolution of your digital product (additional fees apply)
What's included
Discovery and Brainstorming
Client Brief & Goals: A Q&A document to define your goals, business core values and purpose.
Understand the brand, target audience, and project objectives.
Creative Direction: Define the visual and interactive style.
Mood Boards & References: Gather inspiration.
Storyboarding: Plan the narrative flow.
Wireframing & UX Planning ⭐
User Journey Mapping: Outline how users will navigate the experience.
Low-Fidelity Wireframes: Sketch the layout and interactions (Figma).
Prototyping: Test basic interactions before full design.
Accessibility solutions
Responsive & Adaptive Design: Ensure flawless performance across devices.
High-Fidelity Design
Visual Design ⭐:
Custom illustrations.
Typography, color schemes, and micro-interactions.
Motion Design ⭐:
Smooth animations (GSAP, Rive, Lottie, After Effects).
Scroll-triggered effects, transitions.
Micro-interactions
Asset Optimization:
Balance quality with performance (compressed images, SVGs).
Ready to dev option 1
Design Handoff Package:
Figma files with auto-layouts and specs,
SVG/PNG assets optimized for web,
Animation Documentation,
Timing, easing, and implementation notes.
Ready to dev option 2
I take over the web development.
Modification rounds
This package is open to 2 modification rounds for the deliverables that are marked with a ⭐
Example work
$4,500