Orikata is an online shop for a paper studio. The studio is based in Kyoto and Portland. The hero section shows a 3D paper craft. The paper folds and opens using pure CSS. It uses flat looking shapes and CSS 3D animations. The site does not load any heavy 3D models or interactions.
The shop sells folding kits and paper crafts. Product cards shows technical diagrams. These cards show folding lines, steps, and difficulties.
Users can add them to a live cart. The cart runs on vanilla JavaScript. The item count updates instantly without a page refresh. Visitors can also check seat openings for in-person experience. The design uses light and cream paper colors with purple/indigo accents.
The CSS fold motion looks cool but took work. The shapes rotate along confusing angles at the start. When all parts folded at the exact same speed, it looked stiff and resembled a poor design. I had to delay the folding animations by a fraction of a second. That small but frustrating delay made the paper movement look premium and natural.😊
Designed and built this for Haunted Boulder City, a ghost and UFO tour just outside Vegas.
Had a lot of fun playing with the night photography, fog, and scroll effects on this one. Pretty happy with how it all came together.
Check it out: https://www.hauntedbouldercity.com/ 👻 👽 🛸
Really nailed the atmosphere here. The night photography, fog, and scroll effects make the site feel like part of the tour experience rather than just a booking page. 👻 Which effect took the most experimenting to get right?
We worked with an interesting client XIX3D. They have a product called ZENO and we created an interface concept for it. Now we are showing a launcher that will greet you when you open an icon on your desktop.