Status
An interface and navigation study: the project explores how a website can become an entry space rather than a simple information surface.
Web / Design system
Cyberportals
A study of digital portals, interface atmospheres and navigation architectures.
DigitalVisual Arts
Project position
Cyberportals treats the interface as a passage scene: a place where structure, atmosphere and orientation must work together.
Intention
To develop immersive yet controlled interfaces that can host artistic universes without becoming confusing.
Project overview
Cyberportals explores websites conceived as portals. It looks at how web architecture can create an entry into a universe, guide attention and support identity without sacrificing legibility.
Project notes
Navigation
The structure must remain legible even when the atmosphere becomes immersive.
Use
Each visual effect is judged by its ability to orient, pace or clarify the experience.
Visible evidence
This project shows that an interface can become a passage space, not only an information grid.
01 / Web architecture
The project focuses on thresholds, grids and markers that organise entry into a universe.
02 / Interface atmosphere
Visual effects support orientation and perception rather than gratuitous decoration.
03 / Legibility
The study maintains a tension between immersion, hierarchy and navigation control.
Method
The work combines navigation structure, grids, typographic hierarchy, visual atmosphere and interaction behaviour. Effects are kept only when they strengthen visitor orientation.
Contribution
Interface design, navigation structure, visual system, prototyping and web art direction.
Outputs
- React
- Design system
- Navigation
- Web prototype
- Interface atmosphere
How it is built
01
Grid
Establish a stable navigation frame able to host atmosphere.
02
Visual threshold
Create a sense of entry through composition, colour and rhythm.
03
Navigation
Control interactions so that immersion remains usable.
Professional uses
Concrete contexts where this project can serve as a reference, method or professional starting point.
01 / Immersive interface
A reference for designing an entry interface into a world without losing legibility.
02 / Web architecture
A support for treating thresholds, grids, hierarchy and pathways as art-direction elements.
03 / Design system
An example of coherence between visual atmosphere, components and interaction behaviour.
Navigation