Crunchlab Innovation Consultancy

Community resources Show & Tell
1

Hello all,

How do you like my website? All kinds of feedback are welcome.

Thanks!

6 Likes
2

@dboccia congrats on a good looking site! There are a couple of things I really like and a couple of things Iā€™m not so sure of, really like the animation of the squares on load, but Iā€™m not so hot on the repeat pattern on hover, feels a little unnecessary. Just my two cents, but great job :smile:

Aaron.

1 Like
3

Hey @dboccia I absolutely love what you did with the tabs! It is so beautiful! :slight_smile:

750Ɨ1334 142 KB

I will caution you that on mobile, maybe change the delay of the flow in to make it almost instant because I scrolled past a lot of great content. Donā€™t want people to miss those items.

This is my favorite implementation of the tab feature to date. I havenā€™t looked at the preview section but I assume you are using tabs there? Great work!!!

4

Hey @Aaron!

Personally, I like the repeat pattern from an aesthetic perspective, and was looking for a way to implement it one way or another, but do agree the rollover itself feels a little out of place. That being said, for now I tend to think it does contribute to the experience and would be more boring without it.

Thanks for the feedback!

5

Hey @Waldo!

Ah! It is also my favorite feature. Took a long time to have it work like I wanted. Iā€™m really happy with how it turned out.

Yes I am using tabs. It made my day to know that an expert holds this particular part of my design to such high standards!

I agree with your observation regarding the animation timing on mobile. In fact, I wouldā€™ve changed that already, but Iā€™ve not found a way to edit the animation in a cascading manner. Will I have to duplicate the entire object, hide it from other views, and apply a new animation?

1 Like
6

Wow, Iā€™m on desktop now @dboccia and my brain just exploded haha, whereā€™s my helmet!
You did an amazing job of integrating masks into your design and sliders in a way I havenā€™t seen them used before. Just, pure, awesomeness! :smiley:

As far as the animation timing on mobile, thereā€™s no way to change interactions by screen size yet but there may be one day. You should add that to the Wishlist/Feedback :wink:

An easy solution for that would be to duplicate your content, and make the one version only display on desktop, and the other on mobile, and add additional interactions (duplicate current ones and make them like ā€œV2 Mobileā€ of each flow in interaction) for it. It can get quite hectic though doing that.

All in all, this is seriously one of my favorite sites Iā€™ve ever seen built in Webflow. Incredible job!

1 Like
7

Great job! I love that hero section. How did you create cutout on it?

8

Iā€™ll be doing that @Waldo.

Thanks for the feedback!

1 Like
9

Hey @MinewireNetwork, Itā€™s pretty simple.

For the cutout in this case, I start off with a 3 column row, being that the first and last column will be the the white squares. I then place a div inside the central column, and have those triangular images float left/right. I then placed another div and had it positioned absolute to center/bottom and gave it a repeating triangle background. A final div is placed under the row object and a height is set to provide the desired breathing space.

Howl at me if youā€™ve any questions.

Thanks for the feedback!

1 Like
10

Thanks @dboccia! Excellent job. :smiley:

11

Hi

Yes, I agree. Great job on the site and love the interactions (there are lot of themā€¦ too many?)

Perhaps better to say WE BELIEVE PASSION WORKS as the headings instead of WE BELIEVE PASSIONS WORK ā€¦ assuming you want it to read like a sentence :smile:

12

Like the idea behind this. One small thing you may want to fix is the opacity of the navbar on scroll. Itā€™s too light, so it looks as if itā€™s fading behind the rest of the content.

2 Likes
13

Hey @DanUK1! What interactions did you feel were most unnecessary/made your experience bloated?

Also, yes it is supposed to read like a sentence. When I wrote it, I was thinking about ā€œOur Passionsā€ and ā€œOur Workā€. Also, I though I could get away with ā€œWorkā€ being singular, but not ā€œPassionā€, since there are multiple items in the section. Anyway, none of that matters if people donā€™t think it feels right. How strongly do you feel about this?

14

@dboccia Hi - I understand what you mean by several passions, but purely from a sentence structure (as opposed to several headings), it is incorrect as it currently stands. To me, it sounds strange to read it that way. However, personally I think you can have ā€˜Passionā€™ as a heading; it doesnā€™t need to be plural, even though you have several ā€˜passionsā€™ within the section.

With regard to the interactions, perhaps I was a bit too hasty. Iā€™ve had another look and it seems fine. I think I scrolled too quickly last time, resulting in many interactions happening at the same time and as such didnā€™t know where to look first!

1 Like
15

Hey @jordanshotwell! I completely agree. Iā€™ve now increased passive opacity from 50% to 80%.

Thanks for the feedback!

1 Like
16

Hey @DanUK1. I understand now and have made the corrections. Did you like the idea though?

Thanks for the feedback!