About
projects
contact

niloufar mazraeh

based in Rotterdam, Netherlands

UX/UI Designer

& No-Code Developer

about me

Hi, I'm Nili.

My journey into the world of design began with a fascination for blending creativity and technology, which first led me to industrial and product design. Here, I honed my ability to balance form and function, crafting meaningful experiences that resonate. As my passion evolved, I found my place in UX/UI design—a field where I could connect with users, solve problems, and tell stories through intuitive interfaces. With expertise in Webflow, and Figma, I’ve created dynamic websites and user-centric solutions for global clients. Collaboration inspires me to merge diverse perspectives into impactful designs, and as a No-Code Developer and UX/UI Designer, I strive to craft experiences that inspire, delight, and make a difference.

Get in Touch

skills

uX/UI Design . no-code development . workflow automation . aI integration

Toolbox

figma . webflow . spline . make.com . MindStudio AI

experience

web designer & developer . freelance

feb 2024 - Present

web designer & developer . @DreamDesign

Sep 2022 - feb 2024

UX/UI Designer . @Dexign Studio

May-Aug 2022 (internship)

projects

dream design

Subscription-Based Design Services

webflow Design & Development

SASE advisors

IT Services and IT Consulting

webflow Design & Development

chime stream

aI automation agency

webflow Design & Development

3 shots of the spline page of an application, as a capstone project.

good mood

Personal growth & development application

Capstone Project

Fashionest

AI-integrated e-commerce website

conceptual project

sustainify

Sustainable & Eco-Friendly application

conceptual project

dream design

DreamDesign is a subscription-based service offering design, marketing, and development solutions tailored to businesses. Clients benefit from unlimited requests, rapid delivery, and seamless revisions. The system is integrated with Trello for task management, ensuring streamlined collaboration.

Dribbble

process

As a Webflow Designer and No-Code Developer, my contributions included:
• Website Design and Development: Revamping the user interface to modernize the brand and enhance user engagement.
• User Management Integration: Implementing a secure and efficient system to handle subscriptions and user accounts.
• Automation Setup: Streamlining processes to connect users to their Trello boards via automated workflows.
• Responsive Design Implementation: Ensuring flawless performance across devices and screen sizes.

key features

• User Management System: Powered by MemberStack, ensuring secure handling of user registrations and subscription plans.
• Payment Management: Seamlessly integrated through MemberStack for hassle-free subscription payments.
• Automated Welcome Workflow: Users receive a personalized welcome email with a link to their Trello dashboard, enabling them to begin adding tasks immediately.
• Task Management Integration: Direct connection between the website and Trello through Make.com, ensuring efficient onboarding and project management.
• User-Friendly Navigation: Intuitive structure for easy access to service details, pricing plans, and FAQs.

technologies

• Webflow: Responsive website design and development.
• MemberStack: For user and payment management systems.
• Make.com: Automating workflows, including onboarding emails and dashboard integration.
• Trello: Managing client tasks and facilitating collaboration.
• Figma: Collaborative design prototyping and iteration.

SASE advisors

SASE Advisors is a consulting firm specializing in Secure Access Service Edge (SASE) and IT solutions. They assist businesses in optimizing IT expenditures, enhancing security postures, and aligning technology strategies with business goals. Their services encompass executive consulting, managed services, security assessments, and more, tailored to various industries including healthcare, manufacturing, and finance.

live website

process

As a Webflow Designer and No-Code Developer, my contributions included:
• Website Redesign: Revitalizing the website’s design to reflect the company’s expertise and professionalism.
• Content Structuring: Organizing service offerings, client testimonials, and blog posts for intuitive navigation.
• Responsive Implementation: Ensuring the site delivers an optimal user experience across all devices.
• Webflow CMS Integration: Implementing a seamless content management system for dynamic blog posting and easy updates.

key features

• Service Overviews: Detailed descriptions of consulting services, including executive consulting, managed services, and security solutions.
• Client Testimonials: Showcasing success stories from various industries to build credibility.
• Blog Section: Providing insights into industry trends and company updates, fully managed through Webflow CMS.
• Dynamic Content Editing: Simplifying updates to dynamic sections like blogs and services directly in Webflow.
• Contact Information: Clear presentation of contact details and consultation booking options.

technologies

• Webflow: Responsive website design and CMS integration for dynamic content.
• Figma: Collaborative design prototyping and iterations.
• Make.com: Automating workflows and enhancing operational efficiency.

chime stream

ChimeStream is a comprehensive service provider offering design, marketing, and development solutions through flexible subscription plans. Clients benefit from unlimited task requests, rapid delivery, and seamless revisions, all managed efficiently via Trello boards for transparent project tracking.

live website

process

As a Webflow Designer and No-Code Developer, I contributed to ChimeStream’s platform by:
• Website Design and Development: Crafting a modern, responsive website that effectively showcases ChimeStream’s services and value propositions.
• Content Management System (CMS) Integration: Implementing Webflow’s CMS to facilitate dynamic content updates, including blog posts and service modifications.
• User Experience Enhancement: Designing intuitive navigation and clear calls-to-action to improve user engagement and conversion rates.

key features

• Unlimited Task Requests: Clients can submit an unlimited number of tasks, with ChimeStream delivering fast, high-quality results for each.
• Easy Task Management: Utilizing Trello boards, clients can effortlessly track progress, updates, and revisions in real-time.
• Flexible and Adaptable Services: ChimeStream adjusts to client needs, ensuring that changes are accommodated promptly.
• High-Quality Deliverables: Consistently providing work that is fast, reliable, and tailored to each brand’s unique requirements.
• Client Testimonials: Featuring positive feedback from satisfied clients to build trust and credibility.

technologies

• Webflow: For designing and developing a responsive, dynamic website.
• Webflow CMS: Enabling seamless creation and management of dynamic content, such as blogs and service updates.
• Trello: Facilitating efficient task management and client collaboration.
• Figma: Assisting in prototyping and collaborative design processes.

good mood

"GOOD MOOD" is a capstone project created for a product design course that focuses on developing a digital solution to improve consumer well-being. The project includes extensive user research, interface design, and prototyping to provide an entertaining and user-friendly experience.

behance

process

During this capstone project, I completed the following steps:
User Research: Conducted surveys and interviews to better understand users' requirements and preferences for well-being applications.
Persona Development: Developed extensive user personas to help guide design decisions and ensure user-centered solutions.
Wireframing and Prototyping: Created wireframes and interactive prototypes to help visualize the user interface and flow.
Usability Testing: Conducted tests with potential users to collect feedback and improve the design for maximum usability.

key features

Personalized User Experience: Content and recommendations are tailored to each individual user's data and interests.
Mood Tracking: Allows users to track their moods over time and detect patterns.
Interactive Activities: Offers interesting activities that improve mood and promote mental well-being.
Progress Analytics provides insights into user progress and the effectiveness of various activities.

technologies

Figma is used for designing user interfaces and creating interactive prototypes.
Adobe Photoshop: Used for graphic design and visual upgrades.
Adobe After Effects: Used to generate animations that increase user engagement with the program.
This project illustrates my abilities to apply user-centered design concepts and technological skills to create a digital product that improves user well-being.

Fashionest

conceptual project

Fashionest designed to offer personalized shopping experiences using AI technology. This project aims to revolutionize the way customers interact with fashion brands by providing tailored recommendations and a seamless shopping journey. Targeted at fashion enthusiasts and tech-savvy shoppers.

Dribbble

process

Research: Analyzed current e-commerce trends and user feedback.
‍Ideation: Brainstormed design concepts and created mood boards.
Design Development: Developed multiple design iterations and refined the best ideas.

key features

Personalized Recommendations: AI algorithms analyze user preferences and browsing history to suggest tailored fashion items.
‍Interactive Shopping Assistant: A virtual assistant guides users through the shopping process, offering style tips and product information.
‍Immersive User Interface: Engaging visuals and intuitive navigation enhance the online shopping experience.
‍Sustainability Insights: Provides information on the environmental impact of products, promoting eco-friendly choices.

technologies

Figma

sustainify

conceptual project

Sustainify aims to design a user-friendly mobile application that helps individuals track and reduce their carbon footprint. The app provides tools to calculate daily CO2 emissions, offers sustainable living tips and challenges, and fosters a community for sharing progress and eco-friendly practices.

Dribbble

process

Research: Analyzed current e-commerce trends and user feedback.
Ideation: Brainstormed design concepts and created mood boards.
Design Development: Developed multiple design iterations and refined the best ideas.

key features

Carbon Footprint Calculator: Track daily CO2 emissions from various activities such as transportation, energy usage, and diet. Visualize footprint data through interactive charts and graphs.
‍‍Tips & Challenges for Sustainable Living: Access a library of eco-friendly tips to reduce carbon footprint. Participate in engaging challenges to adopt sustainable habits and earn rewards.
Community Features: Share progress and tips with a community of like-minded individuals. Compete in community challenges and track collective achievements.

technologies

Figma

Let's connect

download cV

linkedIn whatsApp email

Made with webflow by NIlI