Menu

1 / 2

I Turned My Personal Site Into a Building

DEV Community: astro·Can Türk·5 days ago
#NDLRrlmQ
#devtoastro#devto#dev#rooms#pixel
Reading 0:00
15s threshold

My old site was a WordPress theme. It did the job, but it didn't feel like me. When I sat down to rebuild it, I asked myself one question: what should someone feel in the first three seconds?

The answer was simple: that they had walked into somewhere.

The idea: a building you can see inside

The homepage is now a menu and, below it, six rooms that fill the screen. The notebook is a library, Pixel Shorts is a studio, my projects live in a workshop, my security research sits in a SOC, the about page is my own room, and contact is a café.

Click a room and a pixel version of me walks over to it. If it's on another floor, he takes the elevator on the right. When he arrives, the screen dissolves into pixels and the page opens, with the same room as its header, so you really feel like you stepped inside.

It didn't start this way. The first version was a tall building, and the scrolling never ended. The second fit the building on one screen, but the text I put next to it made everything feel crowded.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.