FLIMAG
FLIMAG
FLIMAG
A PLATFORM THAT GUIDES, NOT OVERWHELMS. Transforming how beginner designers discover, learn, and structure their potential without information overload.
VISUAL STORYTELLING TRANSCENDS THE ORDINARY. PHOTOGRAPHY & VIDEOGRAPHY STUDIO.
VISUAL STORYTELLING TRANSCENDS THE ORDINARY. PHOTOGRAPHY & VIDEOGRAPHY STUDIO.
Project Type
Project Type
SELF-INITIATED PERSONAL DESIGN PROJECT
DESIGN PROJECT
Focus
Focus
CREATIVE TOOL UX / DISCOVERY / LEARNING PLATFORM
LEARNING PLATFORM
Services
Services
Beginner Learning Platform
Beginner Learning Platform
Designer
Designer
Rishabh Prajapat
Rishabh Prajapat
Studio
Studio
HOUSE OF RISHAVO
HOUSE OF RISHAVO
Timeline
Timeline
4 Weeks
4 Weeks
Year
Year
2025
2025
Curation over saturation.
Curation over saturation.
Curation over saturation.
FLIMAG was born out of a deep desire to transform how beginner designers approach learning. It is more than a learning platform it is a guiding hand, simplifying the journey from understanding basic design values to applying them in real-world creative scenarios. By combining clarity, structured paths, and high-contrast accessibility, FLIMAG empowers aspiring creators to confidently shape their creative voice.
FLIMAG was born out of a deep desire to transform how beginner designers approach learning. It is more than a learning platform it is a guiding hand, simplifying the journey from understanding basic design values to applying them in real-world creative scenarios. By combining clarity, structured paths, and high-contrast accessibility, FLIMAG empowers aspiring creators to confidently shape their creative voice.
LIVE PROJECT
Identity & System
Identity & System
Identity &
System
A systematic, high-contrast brand foundation built around Royal Blue.
A systematic, high-contrast brand foundation built around Royal Blue.
Built around a singular Royal Blue core, the identity establishes an immediate and recognisable graphic focal point. A strict monochrome scaffolding creates the structural foundation, allowing the primary colour to remain distinctive without overwhelming the system. The visual language balances contrast, hierarchy, and restraint to maintain consistency across different brand applications. This creates a flexible foundation that can scale while preserving a clear and cohesive brand presence.
Built around a singular Royal Blue core, the identity establishes an immediate and recognisable graphic focal point. A strict monochrome scaffolding creates the structural foundation, allowing the primary colour to remain distinctive without overwhelming the system. The visual language balances contrast, hierarchy, and restraint to maintain consistency across different brand applications. This creates a flexible foundation that can scale while preserving a clear and cohesive brand presence.
Chromatic Structure
Royal Blue
#0600AB · Dominant Brand Accent
Deep Indigo
#02003C · Primary Deep Contrast
Ghost White
#FDFDFD · Clean Interface Base
Pure Black
#000000 · Heavy Structured Type
Warm Cream
#F0EEE9 · Muted Neutral Fill
FLIMAG
FLIMAG
The
Problem.
The
Problem.
The
Problem.
Visual richness obscures usability.
Visual richness obscures usability.
Creative learning systems face a fundamental contradiction: platforms designed for visual exploration fail to provide structured progression. Users who seek to answer "Can this tool solve my problem?" are met with chaotic, uncontextualized design patterns.
Creative learning systems face a fundamental contradiction: platforms designed for visual exploration fail to provide structured progression. Users who seek to answer "Can this tool solve my problem?" are met with chaotic, uncontextualized design patterns.
Dense galleries without context
Dense galleries without context
Portfolios present final artifacts without explaining the tools, resources, or step-by-step methodologies used to build them.
Portfolios present final artifacts without explaining the tools, resources, or step-by-step methodologies used to build them.
Premium Positioning via ColorOverwhelming filters and decision fatigue
Premium Positioning via ColorOverwhelming filters and decision fatigue
Aspiring designers encounter hundreds of choices with no guided onboarding or selective disclosure of options.
Aspiring designers encounter hundreds of choices with no guided onboarding or selective disclosure of options.
Mobile-squeezed experiences
Mobile-squeezed experiences
Rather than designing purpose-built mobile discovery, architectures are compressed, leading to cluttered, unnavigable interfaces on smaller screens.
Rather than designing purpose-built mobile discovery, architectures are compressed, leading to cluttered, unnavigable interfaces on smaller screens.
EMPIRICAL METHODOLOGY.
EMPIRICAL METHODOLOGY.
EMPIRICAL METHODOLOGY.
01 — Context Beats Aesthetics
01 — Context Beats Aesthetics
Beginners seek to understand the systemic 'how' rather than simply admiring the polished final product.
Beginners seek to understand the systemic 'how' rather than simply admiring the polished final product.
02 — Filters Cause Abandonment
02 — Filters Cause Abandonment
Dumping thirty visible sidebar filters immediately triggers visual avoidance and site exit.
Dumping thirty visible sidebar filters immediately triggers visual avoidance and site exit.
03 — Discovery Needs Mobile Flow
03 — Discovery Needs Mobile Flow
Mobile-first creators require compact, action-oriented loops that guide rather than scroll indefinitely.
Mobile-first creators require compact, action-oriented loops that guide rather than scroll indefinitely.
04 — Continuity Builds Trust
04 — Continuity Builds Trust
A singular, unbroken design language between inspiration and actual learning assets stabilizes the user's progress.
A singular, unbroken design language between inspiration and actual learning assets stabilizes the user's progress.
Information Architecture.
Information Architecture.
Information Architecture.
A blueprint for guided discovery.
A blueprint for guided discovery.
Early structural flows were mapped to establish a clear path through the experience and validate the underlying information hierarchy. The framework focused on how content should be organised, prioritised, and progressively revealed across key interactions. Responsive container scaling was also explored to ensure the structure remained consistent across different screen sizes. These foundations created a clearer direction for translating the experience into a flexible and scalable interface.
Early structural flows were mapped to establish a clear path through the experience and validate the underlying information hierarchy. The framework focused on how content should be organised, prioritised, and progressively revealed across key interactions. Responsive container scaling was also explored to ensure the structure remained consistent across different screen sizes. These foundations created a clearer direction for translating the experience into a flexible and scalable interface.
HOMEPAGE FLOW
HOMEPAGE FLOW
Establishes structural entrance, introducing the core progressive-disclosure filter system above the primary
Establishes structural entrance, introducing the core progressive-disclosure filter system above the primary
COLLECTION HUB
COLLECTION HUB
Focuses on contextual category cards, allowing high-density metadata scanning before deep-dives.
Focuses on contextual category cards, allowing high-density metadata scanning before deep-dives.
PRODUCT VIEWER
PRODUCT VIEWER
Splits resources into side-by-side technical instructions and abstract wireframe textures.
Splits resources into side-by-side technical instructions and abstract wireframe textures.
CHECKOUT INTEGRATION
CHECKOUT INTEGRATION
Streamlined, single-focus actions to minimize drop-off between selection and learning.
Streamlined, single-focus actions to minimize drop-off between selection and learning.
APPROACH.
APPROACH.
APPROACH.
Progressive disclosure over persistent sidebar filters.
Progressive disclosure over persistent sidebar filters.
Advanced and high-friction criteria were moved behind contextual progressive disclosure states to reduce visual complexity during exploration. Instead of presenting every filtering option upfront, the interface reveals additional controls only when they become relevant to the user’s decision. This keeps the primary exploration flow focused while preserving access to more advanced functionality. The result is a cleaner, more approachable filtering experience without sacrificing control or flexibility.
Advanced and high-friction criteria were moved behind contextual progressive disclosure states to reduce visual complexity during exploration. Instead of presenting every filtering option upfront, the interface reveals additional controls only when they become relevant to the user’s decision. This keeps the primary exploration flow focused while preserving access to more advanced functionality. The result is a cleaner, more approachable filtering experience without sacrificing control or flexibility.
Context first gallery card
Context first gallery card
Every visual card must answer its utility beforehand. Title, level, tool, and duration sit above the image, not beneath on hover.
Every visual card must answer its utility beforehand. Title, level, tool, and duration sit above the image, not beneath on hover.
One system to rule
One system to rule
Extend the visual design system identically from top-level showcase layouts right down to isolated learning assets.
Extend the visual design system identically from top-level showcase layouts right down to isolated learning assets.
Mobile first responsive cores
Mobile first responsive cores
Design mobile layouts as distinct, action-oriented systems rather than shrinking complex multi-column desktop blocks.
Design mobile layouts as distinct, action-oriented systems rather than shrinking complex multi-column desktop blocks.
KINETIC DISCLOSURE.
KINETIC DISCLOSURE.
KINETIC DISCLOSURE.
Progressive refinement through step-by-step filtering.
Progressive refinement through step-by-step filtering.
Rather than asking users to navigate a dense multi-select sidebar from the outset, filtering options are introduced progressively as the exploration unfolds. Each step keeps the immediate decision focused while allowing users to refine their criteria when needed. Dynamic option states reduce cognitive load and prevent the interface from becoming visually overwhelming. This creates a more deliberate filtering flow that supports exploration without sacrificing depth or control.
Rather than asking users to navigate a dense multi-select sidebar from the outset, filtering options are introduced progressively as the exploration unfolds. Each step keeps the immediate decision focused while allowing users to refine their criteria when needed. Dynamic option states reduce cognitive load and prevent the interface from becoming visually overwhelming. This creates a more deliberate filtering flow that supports exploration without sacrificing depth or control.
STATE 01 · INITIAL ENTRY
Textiles
Ceramics
UX/UI
Users select their macro area of interest immediately, bypassing complex sidebars.
STATE 02 · SELECTIVE EXPANSION
UX/UI
Macro-selection opens narrow, contextual child criteria without displacing current focus.
STATE 03 · ADVANCED CONTROLS
Level:
Beginner
Detailed filters exist only when the user is deep enough to require fine-grain sorting.
Curated Showcases.
Curated Showcases.
Curated Showcases.
Context-first curation for informed exploration.
Context-first curation for informed exploration.
Every gallery card surfaces the essential context upfront, giving users a clear understanding of what they are viewing and why it matters. Instead of relying on visual scanning or hidden hover interactions, key information remains immediately accessible within the card itself. This reduces uncertainty and helps users evaluate content without requiring additional interaction. The result is a more transparent gallery experience where context supports discovery from the first glance.
Every gallery card surfaces the essential context upfront, giving users a clear understanding of what they are viewing and why it matters. Instead of relying on visual scanning or hidden hover interactions, key information remains immediately accessible within the card itself. This reduces uncertainty and helps users evaluate content without requiring additional interaction. The result is a more transparent gallery experience where context supports discovery from the first glance.
UX/UI SYSTEM
UX/UI SYSTEM
1.5 hrs
Empirical Layout Systems
Empirical Layout Systems
Figma + Framer
BRAND IDENTITY
BRAND IDENTITY
45 mins
Anta Display Foundations
Anta Display Foundations
Adobe Illustrator
RESPONSIVE ARCHITECTURE
RESPONSIVE ARCHITECTURE
2 hrs
Adaptive Mobile Scaffolds
Adaptive Mobile Scaffolds
Figma Only
“THE IMAGE ATTRACTS. CONTEXT CONVERTS.”
“THE IMAGE ATTRACTS. CONTEXT CONVERTS.”
When the learner knows the technical difficulty and tools involved before clicking, discovery rate turns into actual execution.
THE
SYSTEM.
THE
SYSTEM.
THE
SYSTEM.
Engineering a cohesive visual engine.
Engineering a cohesive visual engine.
A rigorous UI system was developed to create consistency across the product while keeping the interface highly readable and purposeful. The kit establishes a clear typographic hierarchy, reusable components, and explicit interaction states to make the experience predictable and easy to navigate. Each element was structured to support both visual clarity and functional consistency across different product contexts. The result is a scalable visual foundation that keeps the interface coherent as the product evolves.
A rigorous UI system was developed to create consistency across the product while keeping the interface highly readable and purposeful. The kit establishes a clear typographic hierarchy, reusable components, and explicit interaction states to make the experience predictable and easy to navigate. Each element was structured to support both visual clarity and functional consistency across different product contexts. The result is a scalable visual foundation that keeps the interface coherent as the product evolves.
ADAPTIVE INTERFACES.
ADAPTIVE INTERFACES.
ADAPTIVE INTERFACES.
Responsive parity across every screen size.
Responsive parity across every screen size.
Mobile layouts were designed as dedicated content streams rather than treating responsiveness as a simple reduction of the desktop interface. Each screen was restructured around the constraints and priorities of smaller viewports, preserving hierarchy without compressing the experience. Content, spacing, and interaction patterns were deliberately adapted to maintain usability across devices. The result is a responsive system that retains the same product logic while giving each viewport an appropriate experience.
Mobile layouts were designed as dedicated content streams rather than treating responsiveness as a simple reduction of the desktop interface. Each screen was restructured around the constraints and priorities of smaller viewports, preserving hierarchy without compressing the experience. Content, spacing, and interaction patterns were deliberately adapted to maintain usability across devices. The result is a responsive system that retains the same product logic while giving each viewport an appropriate experience.
USER
JOURNEY.
USER
JOURNEY.
USER
JOURNEY.
The discovery-to-action loop.
The discovery-to-action loop.
The experience was structured around a continuous operational path from initial discovery to final creative action. Each stage connects naturally to the next, allowing users to move from browsing and evaluating options toward meaningful action without unnecessary friction. The flow keeps context intact throughout the journey, reducing the disconnect between exploration and execution. This creates a cohesive experience where discovery directly informs the next step and ultimately leads to action.
The experience was structured around a continuous operational path from initial discovery to final creative action. Each stage connects naturally to the next, allowing users to move from browsing and evaluating options toward meaningful action without unnecessary friction. The flow keeps context intact throughout the journey, reducing the disconnect between exploration and execution. This creates a cohesive experience where discovery directly informs the next step and ultimately leads to action.
01 · SEARCH/DISCOVER
01 · SEARCH/DISCOVER
Onboard with progressive filters.
Onboard with progressive filters.
02 · SCAN METADATA
02 · SCAN METADATA
Isolate immediate difficulty levels.
Isolate immediate difficulty levels.
03 · IMMERSIVE STUDY
03 · IMMERSIVE STUDY
Follow side-by-side instructionals.
Follow side-by-side instructionals.
04 · EXPORT ASSET
04 · EXPORT ASSET
Keep continuous utility unbroken.
Keep continuous utility unbroken.
Evidence of Utility.
Evidence of Utility.
Evidence of
Utility.
A complete identity and interface system built for scale.
A complete identity and interface system built for scale.
The final system brings together the core identity, visual language, and responsive interface foundations into a cohesive design framework. It includes responsive identity and logomark variations, a structured Royal Blue chromatic scale, and Alexandria typeface guidelines for consistent typography. Dynamic category selector states and responsive mobile homepage flows extend the system into key product interactions. A master Figma component library brings these elements together into a reusable foundation for consistent and scalable implementation.
The final system brings together the core identity, visual language, and responsive interface foundations into a cohesive design framework. It includes responsive identity and logomark variations, a structured Royal Blue chromatic scale, and Alexandria typeface guidelines for consistent typography. Dynamic category selector states and responsive mobile homepage flows extend the system into key product interactions. A master Figma component library brings these elements together into a reusable foundation for consistent and scalable implementation.
PROJECTED IMPACT.
PROJECTED IMPACT.
PROJECTED
IMPACT.
-40%
-40%
Filter Abandonment
Projected drop via progressive disclosure of optional variables.
+60%
+60%
Gallery Dwell
Projected scanning duration lift via context-first cards.
-35%
-35%
Bounce Rate
Projected discovery exit drop with guided micro-onboarding.
+25%
+25%
Conversion Lift
Projected mobile-to-desktop parity scaling.
Projected mobile-to-desktop parity scaling.
Key
Lessons.
Key
Lessons.
Key
Lessons.
Retrospective insights from the design system.
Retrospective insights from the design system.
The project surfaced a set of practical design principles through the conceptual execution and system mapping of the FLIMAG platform. Each insight reflects decisions made across the brand foundation, information architecture, interaction patterns, and responsive interface system. Together, these principles highlight how structure, context, and progressive interaction can shape a more coherent product experience. They also provide a reusable foundation for approaching similar discovery-driven platforms in future.
The project surfaced a set of practical design principles through the conceptual execution and system mapping of the FLIMAG platform. Each insight reflects decisions made across the brand foundation, information architecture, interaction patterns, and responsive interface system. Together, these principles highlight how structure, context, and progressive interaction can shape a more coherent product experience. They also provide a reusable foundation for approaching similar discovery-driven platforms in future.
01
Mobile limitations trigger structural clarity
Forcing deep metadata into a 320pt vertical column exposes desktop navigation bloating. Clear columns make both responsive frames.
02
Perceived speed beats actual response latency
By using progressive disclosure, cognitive load drops, and users accomplish selection goals in fewer, friendlier interactive steps.
03
Inspiration is useless without context
A creative gallery must supply operational utility upfront. The image attracts, but technical transparency converts browsing to actual learning.
04
Continuity anchors progress
Unbroken chromatic and typographic systems between external brand assets and core interface panels stabilize creator retention.
THE REAL LESSON
CREATIVE TOOL PLATFORMS ARE WON ON DISCOVERY, NOT FEATURES.
CREATIVE TOOL PLATFORMS ARE WON ON DISCOVERY, NOT FEATURES.
A smaller set of understandable, context-rich options beats an infinite catalog of raw assets that users can neither parse nor navigate. FLIMAG prioritizes clarity, structural context, and guided pathways above simple visual abundance.
A smaller set of understandable, context-rich options beats an infinite catalog of raw assets that users can neither parse nor navigate. FLIMAG prioritizes clarity, structural context, and guided pathways above simple visual abundance.
Empowering beginner designers through a structured journey from discovery to creative action.
Empowering beginner designers through a structured journey from discovery to creative action.
Empowering beginner designers through a structured journey from discovery to creative action.
FLIMAG transforms visual inspiration into a guided discovery experience, helping beginners explore, understand, and refine creative ideas without overwhelming them. Through contextual curation, progressive interaction, and a cohesive visual system, the platform turns open-ended exploration into a clearer, more actionable creative process.
FLIMAG transforms visual inspiration into a guided discovery experience, helping beginners explore, understand, and refine creative ideas without overwhelming them. Through contextual curation, progressive interaction, and a cohesive visual system, the platform turns open-ended exploration into a clearer, more actionable creative process.
Rishabh Prajapat
I'll personally review your brief and get
back to you within one business day.
Founder & Strategist
Replies within one business day.
House Of Rishavo
Start a
project.
Tell us what your website needs to do.
We'll review your brief and reply within one business day.
Visit Us
O2 VKIA Road, Jaipur, Anand Vihar-D
Mon–Fri: 1O:OOAM – O5:OOPM
Sat: 1O:OOAM – O4:OOPM
Rishabh Prajapat
I'll personally review your brief and get
back to you within one business day.
Founder & Strategist
Replies within one business day.
House Of Rishavo
Start a
project.
Tell us what your website needs to do.
We'll review your brief and reply within one business day.
Visit Us
O2 VKIA Road, Jaipur, Anand Vihar-D
Mon–Fri: 1O:OOAM – O5:OOPM
Sat: 1O:OOAM – O4:OOPM
Rishabh Prajapat
I'll personally review your brief and get
back to you within one business day.
Founder & Strategist
Replies within one business day.
House Of Rishavo
Start a project.
Tell us what your website needs to do.
We'll review your brief and reply within one business day.
Visit Us
O2 VKIA Road, Jaipur, Anand Vihar-D
Mon–Fri: 1O:OOAM – O5:OOPM
Sat: 1O:OOAM – O4:OOPM
House Of Rishavo
I Architect Founder Websites