pro
Gelen bedalen
Senior Web3 Architect | Multimedia & Digital Ops
New to Contra
Gelen is ready for their next project!
Full-Stack Designer & System Architect
Developed a modular architecture for high-end newsletter landing pages. The core challenge was creating a system where each issue maintains a distinct, independent design while utilizing a shared, branded component library.
Key Features:
Zero-Overlap Design: Customizing one issue has no effect on previous or future issues.
Modular Sections: Reusable blocks for quotes, media, and long-form content.
Integrated Paywall UI: Seamless 'Gated Content' components designed to increase conversion for premium courses
0
28
İnteractive 3D Portal: From Concept to Code
Designed and developed a high-performance, interactive landing page component featuring a fütüristik squirrel leaping from a glowing portal. Built with a focus on seamless user experience (UX) and creative physics. Rebuilt the concept purely with code for maximum speed and optimization
0
61
Gelenbedalen Vault: High-Fidelity Interactive 3D Experience
I engineered a premium, interactive landing page experience that bridges the gap between complex Web3 security and intuitive user interaction. Using a combination of AI-driven prototyping and advanced 3D motion physics, I developed a 'Magnetic Rearing' effect where the vault dynamically reacts to cursor movements. The goal was to create a digital asset that feels tangible, high-end, and secure.
0
84
Next-Gen Information Architecture: From Fintech to Digital Media 🚀
Engineering clarity out of complexity. 🧠💎
Whether it’s a high-stakes Fintech FP&A Dashboard or a cinematic Digital Magazine experience, my goal is to bridge the gap between technical power and visual elegance.
✅ Data Visualization: Turning raw numbers into actionable AI insights.
✅ Interactive Motion: High-fidelity animations that bring static pixels to life.
✅ SaaS Architecture: Clean, scalable, and conversion-focused layouts.
From the Summoner's Rift to the Financial Markets—I build the interfaces of tomorrow. 🛠️✨
#DesignEngineering #FintechUI #Gelenbedalen #SaaSDesign #Framer
0
92
High-Fidelity AI Fintech Dashboard: Clarity in Financial Planning
Project Overview:
Financial software often suffers from "feature overload," leading to high cognitive strain for users. This project focuses on restructuring complex FP&A (Financial Planning and Analysis) data into a high-performance, organized interface. The goal was to transform raw financial data into actionable AI-driven insights using a minimalist, cinematic aesthetic.
Design Engineering Strategy:
Hierarchical Clarity: Reorganized fragmented features into logical modules: Cash Flow Forecasting, Budget Allocation, and AI Insights.
Glassmorphism & Depth: Leveraged multi-layered glass components to create visual separation between data sets without losing interface flow.
Insight-First Visualization: Engineered custom financial charts with a focus on "at-a-glance" readability, using a professional color palette (Success Green & Deep Navy).
AI Integration: Designed a dedicated "AI-Analysis" module that highlights predictive trends, moving the platform from a reactive tool to a proactive financial assistant.
Impact:
Optimized for high-stakes decision-making environments where clarity and data organization are paramount.
0
106
High-End League of Legends Companion Dashboard & Experience Design
Project Overview:
This project is a comprehensive reimagining of gaming companion interfaces, specifically tailored for the League of Legends ecosystem. Moving away from standard flat designs, I engineered an immersive "Hextech-Brushed" environment that blends high-fidelity visual storytelling with tactical clarity.
Key Design Engineering Pillars:
Game-Native Integration: Designed a HUD-inspired architecture using dark brushed titanium and complex glassmorphism, making the interface feel like a natural extension of the game itself.
Visual Hierarchy & Flow: Engineered dynamic neon light-paths (Hextech Blue) to intuitively guide the user's focus from Pro Player statistics to the "Book Now" conversion point.
3D Asset Optimization: Integrated 3D-rendered rank assets (Master Tier) and character models with cinematic lighting to build instant brand authority and premium value perception.
Conversion-First UX: Every element, from typography to glow effects, is designed to enhance the decision-making process for users coming from high-energy ad campaigns (TikTok/Meta).
0
121
Title: Gaming-Native UI/UX: League of Legends Companion Experience
Designed for Players, Engineered for Conversion.
This is a high-fidelity landing page concept designed for gaming companionship platforms. The focus was to move away from generic SaaS aesthetics and create an immersive, "game-native" environment that feels like a natural extension of the League of Legends HUD.
Key Features:
Mobile-First Architecture: Optimized for the 80%+ mobile gaming audience with fluid, thumb-friendly interactions.
Hextech Aesthetics: Integrated "Gelenbedalen" metallic textures with dynamic neon light-trails to guide the user's eye toward the Call-to-Action.
Visual Storytelling: Using depth and layered glass components to showcase pro-player stats and champion-specific data without cluttering the UI.
High-Conversion UX: Engineered specifically for paid ad campaigns (TikTok/Meta) where first impressions and instant brand authority are critical.
0
119
Advanced Framer Motion Systems & Cinematic UI Engineering
Beyond static design—engineering fluid movement and interactive depth within Framer.
This project demonstrates the integration of Advanced Motion Systems into professional Framer architectures. Designed specifically for high-stakes brands like Figr, I treat motion as a core structural element rather than a post-process effect. By leveraging Framer’s React-based engine, I build interfaces that feel alive, responsive, and premium.
Technical Highlights:
Custom Motion Engineering: Developed synchronized light-trail animations and liquid data flows that guide user focus and enhance storytelling.
Layered Depth Perception: Utilized overlapping borderless glass components and Z-axis transitions to create a cinematic 3D environment.
Performance-Optimized Assets: Seamlessly integrated high-definition video loops with minimal impact on site load speed and responsiveness.
Bespoke Interaction Design: Engineered specific hover and scroll-triggered events that elevate the brand's luxury aesthetic.
0
139
Cinematic Substack & Digital Magazine Architecture
Elevating Newsletter Infrastructure into a High-End Media Asset.
In this project, I transformed the standard Substack layout into a bespoke "Digital Magazine" experience tailored for premium fashion and tech brands. Moving beyond simple text delivery, I engineered a multimedia-first architecture that prioritizes brand storytelling through high-definition video integration and fluid motion aesthetics.
Key Deliverables:
Bespoke UI/UX: Custom-tailored typography and layout structures that align with luxury brand identities.
Multimedia Integration: Seamlessly embedded high-definition video loops and audio waveforms for an immersive reader experience.
Strategic Conversion Design: Engineered floating interaction elements and optimized "Subscribe" funnels to increase founding member acquisition.
Motion First Approach: Designed with a focus on cinematic transitions, ensuring every scroll feels like a high-end digital showcase.
0
103
Professional Substack Design & Podcast Integration
A comprehensive demonstration of a premium Substack publication layout. This project showcases advanced video integration, clean typography for readability, and a structured subscription-based model. Designed specifically for high-end podcast launches to maximize audience engagement and conversion
1
114
AURA DeFi Protocol: Advanced Web3 DEX Landing Page
A specialized landing page design for AURA DeFi Protocol, providing institutional clients with an advanced Web3 decentralized exchange experience. Features complex data visualizations for cross-chain bridging, yield farming, token analytics, and governance metrics, all unified by a sophisticated and intuitive user experience within our unique purple and cyan 'Aurora' lighting language, emphasizing modern luxury, data clarity, and high-status design quality.
1
136
NEON Pay: Ultra-Luxury FinTech Motion Experience
NEON Pay is a conceptual luxury FinTech solution designed to bridge the gap between traditional high-net-worth banking and modern digital assets.
The Creative Process: > I developed a high-fidelity 3D visual language focusing on 'World Elite' status. The motion design utilizes dynamic gold-circuit illumination to represent the flow of blockchain transactions.
Technical Highlights:
Spatial Depth: 3D parallax effect on metallic surfaces.
Lighting: Reactive gold-neon accents that follow the card's geometry.
Security Narrative: The circuit patterns symbolize encrypted Web3 security protocols.
1
134
AURA Mobility: Charging Hub & Route Planner
A specialized charging hub and route planner interface for AURA Mobility, providing drivers with integrated EV charging solutions. Features detailed map visualizations, real-time supercharger status, dynamic battery data, and optimal route planning, all unified by our unique purple and cyan 'Aurora' lighting language within a sophisticated and intuitive user experience
1
142
AURA Mobility - Interactive 3D Energy Hub Visualization
A high-fidelity 3D visualization of the AURA electric vehicle's powertrain. This interactive 'X-Ray' view showcases the core energy flow from the battery pack (glowing purple cells) to the dual motors, unified by our unique purple and cyan 'Aurora' lighting language. Designed to provide drivers with intuitive energy management and system health data at a glance.
1
157
AURA Mobility represents the next generation of digital cockpit interfaces, specifically designed for luxury electric vehicles. This project focuses on blending futuristic aesthetics with seamless user functionality, ensuring a premium driving experience through advanced visual hierarchy."
Glassmorphism Aesthetic: Utilized high-end blurred surfaces to create a sense of depth and modern elegance.
Aurora Lighting Engine: Integrated vibrant purple and cyan neon glows to simulate a high-tech, energetic atmosphere within the vehicle cabin.
User-Centric Layout: Focused on high-readability typography for core metrics such as speed (74 MPH), battery range (312 mi), and autopilot status.
Intuitive Navigation: A streamlined sidebar for quick access to Maps, Media, Climate, and System settings.
Technical Stack:
AI-to-UI Workflow: Designed using Galileo AI for rapid conceptualization and Stitch for high-fidelity interface refinement.
Visual Assets: Custom-textured 'Aurora' backgrounds and glass-textured interactive cards.
UI/UX Design
Automotive Interface
EV Dashboard
Glassmorphism
Product Design
AI Design
1
148