[Critique] I built a Japanese Vocab PWA with Gemini—blending Neumorphism, Glassmorphism & MD3. Would love your UI/UX feedback!
I’ve been working on a Japanese vocabulary learning PWA. My primary target audience is Chinese speakers, but to get your valuable insights here, I’ve deployed a special English beta version (with localized typography and a condensed vocabulary list).
I developed this PWA through a collaborative process with Gemini. I focused on the design logic and user flows, while utilizing Gemini for the technical implementation and code structure. It’s been a fascinating experiment in 'vibecoding' and PWA development.
https://ibka512.github.io/Progressive/
🎨 Design Concept:
I wanted to step away from traditional flat flashcard apps and create a more tactile, immersive experience. To achieve this, I experimented with blending three distinct styles:
Neumorphism: To give interactive elements a sense of physical depth.
Glassmorphism & Liquid Glass: For overlays and containers to create a soft, breathing feel.
Material Design 3 (MD3): To ensure the underlying structural logic and component states remain intuitive.
🤔 What I need help with:
Visual Hierarchy & Cohesion: Does the mix of these three styles feel cohesive, or does it clash and create visual noise?
Accessibility / Contrast: Does the glass/matte effect compromise the readability of the text? I want to ensure the vocabulary remains the primary focus.
Any brutal and constructive critique on the UI design and UX flow is highly appreciated. Thank you for your time!