u/ux_by_khan

▲ 12 r/HalalInvestor+5 crossposts

Quick video showing updates to my latest real-estate experience for the web.

Some nice new additions in the form of animated traffic and support for a complete 360° "rendered" tour.

This whole experience is 100% customizable according to the client's project and isn't limited to real-estate but can very effectively be applied to other heavy industrial design segments where a complex product/project needs to be broken down into smaller, interactive chunks to better share and convey to the end clients.

Follow me for more crazier projects that actually solve business problems.✌

Link to the full video: https://www.instagram.com/reel/DX7ktwBN0l6

u/ux_by_khan — 6 days ago

Hey everyone.

This demo is a new in-browser interactive real-estate experience that is nearing completion. It's integrated in a Wordpress site, but these experiences can be simply deployed on a new page on an existing site as well.

I am looking to collaborate with fellow Bricks developers here to build such stunning digital experiences for their clients in real-estate or other high-ticket industries

Some technical facts, about this particular demo project:

  1. Extremely efficient and lightweight experience, built upon low-level WebGL which completely gets rid of redundant code left-over by mainstream libraries (like Three JS, Spline etc.). The complete minimized JS file for this project is a mere 170kBs gzipped to just 55kB. Three JS/Spline would have lead this to be beyond 1MB.
  2. The 3d model used is heavily optimized for web usage without affecting the look on any device. Total file size: 1.7MB only!
  3. Efficient use of shaders which puts the target device's GPU (graphics card) to use rather than overburdening the CPU and causing lag.
  4. Distracting UI elements are ignored on mobile devices to focus more on the model on small screens.

So, yeah. That's about it in a gist. I'm open to answering related questions and discussing any potential collaborations.

Finally, in my future posts, I will be posting about some more enhancements and the responsive nature of this demo for smaller screens.

Follow me on social media for these updates and other useful content.✌

Check the working demo video at my IG: https://www.instagram.com/ux_by_khan/

u/ux_by_khan — 15 days ago
▲ 17 r/webgl+3 crossposts

Hey everyone.

This demo is a new in-browser interactive real-estate experience that is nearing completion. It's 100% customizable depending on the project and is currently integrated in a Wordpress site. These experiences best go with a fresh website re-design for maximum brand impact but can also be simply deployed on an existing site as well.

I am looking to collaborate with real-estate / architecture professionals here who'd like to give their work an actual "feel" before sharing with clients. Merely brochure pdfs/static images/videos do not cut it anymore. These effects "actually" take your property to the end-user.

Some technical facts, about this particular demo project:

  1. Extremely efficient and lightweight experience, built upon low-level WebGL which completely gets rid of redundant code left-over by mainstream libraries (like Three JS, Spline etc.). The complete minimized JS file for this project is a mere 170kBs gzipped to just 55kB. Three JS/Spline would have lead this to be beyond 1MB.
  2. The 3d model used is heavily optimized for web usage without affecting the look on any device. Total file size: 1.7MB only!
  3. Efficient use of shaders which puts the target device's GPU (graphics card) to use rather than overburdening the CPU and causing lag.
  4. Distracting UI elements are ignored on mobile devices to focus more on the model on small screens.

So, yeah. That's about it in a gist. I'm open to answering related questions and discussing any potential collaborations.

Finally, in my future posts, I will be posting about some more enhancements and the responsive nature of this demo for smaller screens.

Follow me on social media for these updates and other useful content.✌

Check the working demo video at my IG: https://www.instagram.com/ux_by_khan/

u/ux_by_khan — 15 days ago