Website powered by

Web Design Project in 3D

This project was part of a web design class I took earlier this year.
We had no prompt for this assignment so I created an online store design for a fictitious business selling various novelty items. All assets were made by myself in Blender.
The design is intentionally retro with harsh edges & contrasting colours to harken back to web 1. The text, products & their descriptions are all surreal, sarcastic & cynical; a kind of anti-store.

On top of practicing product rendering I also used this assignment to dip into Verge3D, which is a web platform for Blender.
Because I only had 4 works to complete the assignment the web version is rather barren, though I plan on finishing it some time in the future.
Check it out here: http://localhost:8668/applications/Interactive-Design-Proj1/Interactive-Design-Proj1.html

Test render of the scene

Test render of the scene

Here's the multi-page figma site

Here's the multi-page figma site

Here's a single page variant meant for use on laptops & computers. This style of site has the benefit of more info being able to fit on screen.

Here's a single page variant meant for use on laptops & computers. This style of site has the benefit of more info being able to fit on screen.

Product photo 1:
"Yes! I can absolutely give you a product description for a Coca Cola Knockoff! Quench your thirst & celebrate togetherness with your friends–Your Circle. It’s not just a can of Soder, it's a community. Did that help?"

Product photo 1:
"Yes! I can absolutely give you a product description for a Coca Cola Knockoff! Quench your thirst & celebrate togetherness with your friends–Your Circle. It’s not just a can of Soder, it's a community. Did that help?"

Product photo 2:
"We put a lime slice on a turntable we found in our warehouse.
Relive the 70s or become a pretentious music guy, the choices are endless!"

Product photo 2:
"We put a lime slice on a turntable we found in our warehouse.
Relive the 70s or become a pretentious music guy, the choices are endless!"

Product photo 3:
"Test ur friendships in the crucible of Choose or Lose!
It’s cook or be cooked in this rizzed ahh card game that totally has no chill 😏.
See if your goat is washed by challenging them to an impromptu freestyle, out the gooners in the sq-

Product photo 3:
"Test ur friendships in the crucible of Choose or Lose!
It’s cook or be cooked in this rizzed ahh card game that totally has no chill 😏.
See if your goat is washed by challenging them to an impromptu freestyle, out the gooners in the sq-

Product photo 4:
"We found this in the back. You can have it tho."

Product photo 4:
"We found this in the back. You can have it tho."

Product photo 5:
"The exciting new toy of the summer is here!
Summer fun just isn’t complete without “The Heavier,” build strength & have fun with this groovy new toy!"

Product photo 5:
"The exciting new toy of the summer is here!
Summer fun just isn’t complete without “The Heavier,” build strength & have fun with this groovy new toy!"

progress shot 1

progress shot 1

Progress shot 2

Progress shot 2

The scale of the phone graphics resulted in humorous effects

The scale of the phone graphics resulted in humorous effects