SM!K
A symbolic, dark and illustrated portfolio with secrets hidden in it.
Cover image goes here
Overview
Built with vanilla PHP, JavaScript and CSS, with no frameworks. The whole concept was designed before any code was written, then grew from static HTML into a component-based PHP site.
It has an admin panel for articles and projects, an Oracle chat, ambient hand-drawn symbols and a rhythm game.
What I made
- A component-based PHP structure with an admin panel
- A symbol system that places hand-drawn glyphs around the page
- Beat Runner, a rhythm game with a perspective platform mechanic
- Security hardening: login lockout, CSRF protection and passkeys
Process
Sketch, design, result
01Sketch
Sketch image
A full concept document before any code
02Design
Design image
A dark, illustrated style with hand-drawn symbols
03Result
Result image
A PHP site with an admin panel, an Oracle chat and a game
Before / After01
Before
After
Large image, 1920 x 1080
Screenshot 1
Screenshot 2
Screenshot 3