This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space
What I Built
I designed a nostalgic-futuristic intranet homepage for a fictional company called NeoOffice. My aim was to blend retro design elements—such as pixel fonts, VHS-glitch effects, and old-school widget with a clean, responsive layout that feels modern and functional. The homepage includes:
🌟 Employee of the Month widget with dynamic highlighting
📆 Upcoming Events section for internal meetings and community activities
🧭 A modular dashboard with useful internal tools (e.g., HR portal, task board)
💬 Team Spotlight and cooler-style announcements
🎨 Subtle CSS inspired by classic office life
I wanted the homepage to feel like something you'd find in a 90s sci-fi movie…
Demo
Live preview on:
Github: https://github.com/Gulnur-Altan/Nostalgic-Futuristic-Webdev-Office-Space
Journey
This was one of the most creative front-end challenges I've participated in. I started with a wireframe in Figma, then experimented with nostalgic UI elements like:
Monospace pixel fonts
- Glowing neon details
- Subtle hover animations
For accessibility, I followed WCAG color contrast standards, ensured all interactive components were keyboard-navigable, and added labels where needed.
One of my favorite parts was building the Employee of the Month card. I wanted it to feel special—so I gave it an animated badge, spotlight effect, and hover interaction.
I also added a dashboard panel to simulate internal tools like “Today's Tasks” access.
Overall, this project helped me blend creativity with usability, and it helped me understand thoughtful UI/UX in internal tools.
displayed publicly.
Top comments (0)