NOOON
MVP & INTERFACE STRATEGY
CONCEPTUAL SEARCH RESEARCH FRAMEWORK
NOOON IS A RESEARCH-LED PROTOTYPE EXPLORING ETHICAL INDEXING, ACCESSIBILITY-FIRST SEARCH INFRASTRUCTURE & OPEN KNOWLEDGE SYSTEMS.
DEVELOPED IN COLLABORATION WITH A CERN ENGINEER, THE PROJECT CHALLENGES DOMINANT SEARCH PARADIGMS BY QUESTIONING HOW INFORMATION IS SURFACED, RANKED & TRUSTED, PARTICULARLY FOR VOICES OFTEN EXCLUDED BY CONVENTIONAL ALGORITHMS.
CHALLENGE & APPROACH
RevEyes Studio was engaged to translate an abstract, systems-level concept into a tangible, interactive experience that communicates both the philosophy & the mechanics of an alternative search model.
Search infrastructure is typically invisible, yet it defines what is known, what is seen & what is trusted.
Nooon required:
translating a research-driven idea into an accessible interface
balancing technical credibility with emotional & visual resonance
designing for exploration rather than extraction
structuring the project to support future development
The project was approached as a research environment instead of a traditional product interface to invite curiosity without overwhelming the user.
As an alumna of Lawtech UK Builder’s 2024 Fall/Winter cohort, RevEyes’ Lead Architect identified the project’s success required startup-level thinking in addition to interface designs.
OUTCOMES
🐞 Conceptual Translation
an abstract framework was transformed into a coherent, navigable experience
🐞 System Legibility
core principles were made visible, understandable & spatially organized
🐞 Distinct Interaction Model
moved away from traditional search paradigms toward an exploratory interaction system, reinforcing the project’s philosophical stance through experience
🐞 Foundation for Future Development
established a flexible framework that can evolve into a more robust system to share progress & research while maintaining its core ethical principles
DESIGN FOR FLOW,
NOT FRICTION.
CORE SYSTEM
Form, motion & meaning
At the centre of the interface is a unifying visual structure translating multiple layers into a single, coherent system by introducing a central object carrying both functional & symbolic weight.
THE SHUTTLECOCK
The badminton birdie operates as a point of orientation within the interface & a structural framework guiding expansion & interaction.
Its form reflects multiple dimensions:
a trajectory-driven object grounded in physics, precision & balance;
a reference to badminton, where movement, timing & control are essential;
a connection to the project owner’s lived experience - where disability & adaption shaped strength & mastery.
Simultaneously, the shuttlecock evokes several natural forms: a radiant sun, a flower in bloom, a form in motion, an object suspended between stillness & flight.
LIGHT AS DIRECTION
A soft yellow field radiates from the centre of the system, introducing a sense of illumination, warmth & guidance.
Referencing the client’s name in Arabic, Noor - light, as both meaning & direction, the system positions knowledge as something to be accessed, not obscured.
MATHEMATICAL FRAMEWORK
Overlaid axis & equations introduce a layer of precision to establish scientific grounding, a sense of structure & measurement, and a bridge between two of the client’s cherished worlds: analytical thinking & creative expression.
SYSTEM EXPANSION
The system then extends outward through radial connections, introducing a framework where information is neither stacked nor ranked, but distributed, an essential feature of the project.
The structure suggests:
multiple entry points
non-linear exploration
unfolding ideas
a shift away from hierarchical search models
Together, these elements, their interactivity & design function as interface & language.
Logo co-designed with RevEyes creative partner, Abdul Hakim
DESIGN LANGUAGE
GROUNDED, PLAYFUL, INTENTIONAL
The visual language is the juxtaposition of a formal lab aesthetic & the natural world, invoking structure with softness to support cognition & exploration.
THE NOTEBOOK SYSTEM
The grid & paper-like textures reference the familiarity of a notebook, associating learning, experimentation & thinking in progress.
The interface functions as a living record of the project’s research, creating space for interpretation, iteration & discovery.
EARTHING
A muted green palette ground’s the central interface as subtle scrolling anchors the project, introducing a sense of calm & stability, reduced cognitive intensity & an environment that feels accessible.
The use of green contrasts with high-stimulation digital interfaces, positioning the work as one that supports sustained attention & ease of navigation.
THE NIGHT SKY
The interface resolves into a dark, expansive footer, shifting from structured interaction into open space, inviting:
a sense of depth & stillness
a release from structure into possibility
a visual contrast that brings the design system into balance.
Within this grand finale, animated shooting stars emphasize the shuttlecock’s multiplicity: a continuation of trajectory & movement; a reflection of nature’s cosmic systems; a symbolic release of structured knowledge giving way to exploration.
IMPACT & MILESTONES
Design can bridge research, technology & lived experience without relying on heavy explanation or conventional interface patterns. The project achieved:
TRANSLATED DEEP-TECH RESEARCH
interpreted academic concepts into intuitive, “frictionless” digital experience informed by lived experience, alongside compliance
APPLIED LEAN METHODOLOGY
utilize startup strategies to help define & present research
DESIGNED WITH SYMBOLIC INTENT
leverage interaction & composition to convey technical, ethical & human-centred concepts simultaneously
WHY THIS MATTERS
For deep-tech projects, the barrier to entry is often the “density” of the information.
We can bridge this gap by creating high-fidelity prototypes & Presentation Frameworks for researchers to see, feel & share their vision with the world.
Ethical frameworks, technical systems thinking & design can be an interwoven practice that holds precision, human experience & creative expression to support curiosity & possibility through exploration.
SCOPE OF WORK
MVP STRATEGY & ADVISORY
Product Framing for Early-Stage Prototype
Translation of Research Concepts into
Product Direction
Identification of Scalable System Potential
Alignment of Interface Decisions with
Long-term Vision
Structuring Prototype as Foundation for Future Development
FRONT-END DESIGN & PROTOTYPING
High-Fidelity Prototype Development (Framer)
Responsive Layout &
Interaction Implementation
Integration of Motion Systems into
Interface Behaviour
Prototype Optimization for
Presentation & Testing
INTERACTION & EXPERIENCE DESIGN
Exploratory Interaction Model Development
Scroll-Based Narrative System Design
Concept Visualization Through Motion &
Spatial Relationships
Interface Design for Interpretation
Design for Cognitive Accessibility & Clarity
NARRATIVE & EXPERIENCE DIRECTION
Translation of Abstract Systems into Experiential Story
Content Structuring for Conceptual Clarity
Alignment of Language, Interaction &
Visual Form
Development of Cohesive Research Narrative
Ensuring Integrity between Concept & Execution
