This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space
What I Built
I built a dynamic and engaging intranet homepage using only HTML, CSS, and JavaScript. The interface includes a personalized welcome message that greets users based on the time of day and their name, stored locally for a consistent experience across visits. It also features a floating virtual assistant icon that opens a helpful panel with quick-access internal resources. This design provides a user-friendly, modern look while remaining lightweight and accessible without a backend. It contains again news sections, archives highlights and other thing.
Demo
Link of deployment : https://frabjous-twilight-eeed40.netlify.app/
Github link with MIT License : https://github.com/Judakp/FrontendChallenge-Axero.git
Journey
I started by designing a clean layout, prioritizing user engagement and usability. The first component I implemented was the dynamic welcome message, using JavaScript to greet users according to the current hour and storing their name via localStorage. This makes the experience feel personal and consistent.
Next, I added a virtual assistant bubble that stays fixed at the bottom corner. When clicked, it reveals a compact panel with helpful internal links like accessing documents, contacting HR, or checking the schedule. I used smooth hover effects and light shadows to make the interface visually appealing and intuitive. I finally created news sections , archives highlights and other thing.
Top comments (0)
Some comments may only be visible to logged-in visitors. Sign in to view all comments.