Portfolio NewRootS

Personal growth & self-development platform

NewRootS

A trustworthy digital foundation for healthier habits, stronger self-awareness, and long-term personal development.

Role
UI/UX & CX Designer
Scope
Research, brand identity, design system, responsive product design
Focus
Growth, trust, transformation, and clarity
NewRootS desktop product design shown on a MacBook mockup

Project overview

From brand roots to product clarity

NewRootS helps people build healthier habits, improve self-awareness, and support long-term personal development. The design process connected brand strategy, customer experience thinking, and product design into one cohesive platform direction.

Maryam led the end-to-end experience: defining the brand identity, mapping user journeys, designing responsive interfaces, validating decisions, and building a system that can grow with the product.

Challenge

Make personal growth feel guided, not overwhelming

The platform needed to feel trustworthy and engaging while staying simple enough for people navigating their own growth journey.

  • Understand motivations, pain points, and behavioral patterns.
  • Create a scalable identity that communicates growth and clarity.
  • Design a consistent, accessible experience across devices.
  • Build a foundation that can support future product expansion.
NewRootS tablet interface mockup showing the platform experience

Research & CX

Decisions grounded in real user context

Research helped prioritize the experience around what users needed from a personal development platform, while CX mapping connected the product to the wider brand journey.

Discovery

User interviews, competitor analysis, persona creation, customer journey mapping, and problem identification.

Experience strategy

Motivation mapping, touchpoint analysis, friction identification, and alignment with user expectations.

Validation

Design iteration shaped by findings, responsive review, accessibility considerations, and product feedback.

Brand identity

A visual language for growth and trust

The identity system was created from scratch, including logo, typography, color system, visual language, and brand guidelines.

NewRootS logo explorations and final identity presentation
Logo system
NewRootS typography selection and type hierarchy
Typography
NewRootS primary color palette for the brand identity
Core palette
NewRootS pastel color palette for supporting brand moments
Pastel palette

Design system

A scalable foundation for future product growth

The system translated brand direction into reusable product decisions: colors, typography hierarchy, spacing, components, buttons, forms, cards, navigation patterns, and design tokens.

NewRootS design variables and token structure
Variables and tokens
NewRootS color palette styles and UI usage guidance
Palette styles
NewRootS overlay styles and interface treatment examples
Overlay treatments

Product design

Responsive experiences for mobile, tablet, and desktop

The complete product experience included wireframes, user flows, high-fidelity mockups, interaction patterns, and responsive layouts for everyday use across screen sizes.

NewRootS alternate desktop screen shown on a MacBook mockup
Desktop interface direction
NewRootS tablet screen showing another responsive layout
Tablet layout
NewRootS mobile interface shown on iPhone mockup
Mobile experience
NewRootS mobile interface shown on iPhone Pro Max mockup
Large mobile layout

Outcome

A cohesive system ready to grow

The project established a strong digital foundation by aligning user needs, customer expectations, and business goals. The resulting framework gives NewRootS a consistent experience across touchpoints and a scalable design system for future development.

Built through close collaboration between design and development, the work benefited from continuous feedback and shared ownership. Special thanks to Farzad Shafai for an excellent collaboration throughout the process.