Cool ideas and visually super clean, sharp and different. I’m not how I feel about the navigation in the portfolio…once the project details are visible maybe the slider arrow should drop behind?
Small things I found the down arrow made me want to scroll. I couldn’t scroll.
I went to hover the down arrow and it transitioned to an up arrow. So I didn’t really know what the arrow was about to do.
It would be cool if the slider moved the whole card rather then just the content. Not sure how easier or hard that would be to do.
There is some confusion between the two close “x” elements when the project details card is open. I found myself closing the whole section rather then just the details card. Maybe apply a fade to the back card when the detailed card is activated.
Nice work dude. I would just go a little more subtle on some of the box shadows. I think it would really set it off, right now some of it just feels a little too dark & heavy. Also, I’d maybe take a look at those “view project details” links. The rounded/outlined button style doesn’t really mesh with the boxy vibe, maybe something more like the attached?
Some text is hard to read where it overlaps photos.
As your portfolio grows, it would be nice to see thumbnails of the work. I would not want to have to scroll through all of your work if I were a client.
Personally, I’d anchor the menu at the bottom and not hide it. That arrow flip on hover is not intuitive. Maybe if it flipped on click instead if you feel the need to hide the menu.
Seriously, not only good work on the site, but your portfolio work as well.
No problem, well actually it’s all done with Webflow! The triangles are a repeat of one .svg, I use .svg so it’s scalable, and only one .svg to keep load times down, think there is around 14 of them in all.
So on each triangle I set a “self perspective” of “1200” then an animation/interaction on each triangle spinning them and moving upward on a loop.
I like your design, it’s awesome, clean and easy, but it doesn’t work on my iphone the same as web version, no menu on main page.
Did you create this animated background in webflow (asking because I’m new one here) or any kind of javascript libraries?
Hi @kirey Yeah the mobile version so far is just my contact details with the moving shapes, It’s a real mine field I’m finding making this design mobile friendly… so i’m working on it
I’m thinking of making a separate design show up for mobile friendliness, but we’ll see.
As for the Background Triangles it’s all made in Webflow! it’s a series of .svg triangles on a loop animation.
Hi Aaron… did you get a chance to make a tutorial for your triangles flowing down? I got excited when you asked if we would like one. Lol. No rush… do you thing first.