AlgoSpace — UX/UI Redesign & Webflow Development

Project overview Product: AlgoSpace Engagement: End-to-end website redesign and frontend build My role: Product design, UX/UI, frontend development Tools: Figma, HTML, CSS, JavaScript

The challenge Algorithms and data structures are difficult to learn from static explanations because the important part is how state changes over time. The existing experience needed a clearer path from choosing a topic to understanding the trace and practicing it independently.

The approach I restructured the experience around a simple learning loop: select a topic, watch every state change, inspect the path, then practice the same logic. Design and implementation progressed together, so hierarchy, diagrams and responsive behavior were refined directly in the browser.

The solution The new site uses a strict editorial grid, large typographic cues and a single neon accent to connect explanations with active algorithm states. Interactive diagrams make linked lists, sorting and pathfinding visible without adding decorative noise.

The outcome AlgoSpace was delivered as a working responsive site rather than a static design file. The final build turns abstract computer-science concepts into a focused visual learning experience and provides a reusable structure for additional topics and exercises.

Deliverables Information architecture, responsive UI, visual learning system, interactive diagrams, frontend implementation and production-ready live experience.