27

CREEPY WEBGL ENVIRONMENT/EXPERIMENT

3 months ago from , Web designer at UI UNICORN

UI UNICORN is a small web design company based in Bolton we are small but powerful! and use cutting edge technologies.

For our re-brand we wanted a unicorn in the scene because of our company name so after a few failed ideas we decided to go with a butcher selling unicorn meal in his cart. We also wanted a dark/creepy scene to maintain our agency theme and our old website.

We used good old blender to create the 3D models and the scene the challenge was to keep file size low but to maintain good quality, we managed to get the main obj file down in size and got it to be served to the user at 2.9MB so basically the same size as a decent video file.

we used the latest webgl technologies to create a 3D scene and to render it in the browser and to create a unique navigation as well as sound experience.

View the site here: https://ui-unicorn.co.uk

If you like this post please please the up vote button ! Thanks.

13 comments

  • Adam Fisher-CoxAdam Fisher-Cox, 3 months ago

    It's a cool experiment, but as a functional website to get information on your business? Really bad.

    I closed out after waiting too long for each "page" to load, and had no idea what to do to get actual info besides randomly click around. When a "page" finally loads, they all load to the exact same thing - your logo. No title, no indication what to expect. It's not clear you need to scroll to see anything. This site is like fumbling about in a dark room with a blindfold on.

    8 points
    • , 3 months ago

      Thank you for the critique we are working on new pages as we speak instead of the current rushed pages along with a hover button that will tell a person what page they are about to proceed to. If there's anything anyone else can think of please feel free to share we love to hear it and will try to implement useful changes to improve our site, Thanks! :)

      0 points
      • stephen fstephen f, 3 months ago

        "We are working on new pages as we speak instead of the current rushed pages" why not wait to post then?

        Anyway, it's cool, I like it even if it has a fair few issues.

        I found the interaction between the red dotted links (on the chest/candles etc) a little odd, like my cursor was pushing them away and I was chasing them rather than being pulled in to click the content.

        1 point
        • UI UNICORN, 3 months ago

          The reason we decided to post it is because our older site was outdated and we have big projects to complete that will take weeks so we decided to throw the pages together and post it and then resolve issues after. We have bug tested the site though but some issues may of slipped through the net.

          That is an odd issue we will try to replicate the issue and try to fix it can I ask what browser and OS you are using?

          Thanks!

          0 points
    • Thomas Michael SemmlerThomas Michael Semmler, 3 months ago

      I don't think it was intended to be a functional website :D

      I totally agree with you, but I am also all for experimenting on the web and pushing boundaries.

      2 points
      • , 3 months ago

        The 3D was the main focus the pages and UI kind of took a back seat however we will keep on improving the site using the feedback we get :) Thanks!

        0 points
  • Ed FairmanEd Fairman, 3 months ago

    Nope. PLEASE. STOP. SCROLL HACKING.

    3 points
  • Steve O'ConnorSteve O'Connor, 3 months ago

    Hmmm. If you were a 3D design studio with a reputation for being edgy, I could maybe be persuaded to get it. But as a site for a web agency that wants to attract clients? No, I don't get it.

    A typical journey I foresee:

    What am I supposed to do? Click the red dot. Nothing happens. Click under the red dot - a new page! Nothing there. Hmmm. Scroll… ah-hah! Content! A contact form. Oh. Leave the site.

    And your work page (when I found it) doesn't explain the projects, or tell me about how you work -which most of our clients want to know - it just takes me to the sites you built. I didn't realise that with the first one until I tried to go back.

    It does feel very 2005 in both style and content. Sorry.

    2 points
  • Aaron Wears Many HatsAaron Wears Many Hats, 3 months ago

    Click events are glitchy, it's not intuitive that you need to scroll within the 'pages' to reveal the content. The sound effects taking over the tab made me jump. The transitions/loads between pages are too slow.

    And with all that said, I freaking love everything about it! <3

    2 points
  • Thomas Michael SemmlerThomas Michael Semmler, 3 months ago

    Love that some of us still keep the spirit of flash going. Making websites like its 2007, beautiful.

    2 points
  • John LeschinskiJohn Leschinski, 3 months ago

    Ya, I also don't see this working out as a functional business website. It's seemingly weird for no reason, the theme has nothing to do with anything.

    0 points
  • Roy BarberRoy Barber, 3 months ago

    Its a good experiment, but as a B2B conversion tool to sell your "small but powerful" agency, its a major fail. Having ran a UK agency for many years and 7 years of freelance prior, id say stick to explaining what you do in a clear manor instead of experimenting.

    0 points
  • Jake POGORELEC, 3 months ago

    I feel like you need a "Scroll to seem more..." prompt? I didnt realize that there was content beyond the company name until like the fourth thing I clicked, I was like what the heck who isnt there any content behind these loads, but I did figure it out but nontech people would probably not.

    0 points