Streaming live at 10am (PST)

New Portfolio Site


#1

Hello everyone! I am creating a website to show to potential clients. I have created a prototype, but only the layout is finalized.

Screenshot:

Link: http://arcanedesign.webflow.io
Preview: https://preview.webflow.com/preview/arcanedesign?preview=94c8deb53caac54ae38e0d1244da2573

I would love ideas for unique and sleek interactions, because I am just playing around with them now. I also hope that when you click on one of the columns that it scrolls to the right/left and reveals information. Sadly, I don't know how to do this right now.


#2

Great start so far! smile That loader gif is interesting.

My suggestion would be to make your columns animations subtle.

But, either than that, great job! smiley


#3

Thank you for the feedback!

Do you know how I can make it so that users can click on the column and are taken to the left of the page with information? I only want it to show up when the user clicks, so they can't just scroll over.

I also can't add gradient transitions or even border transitions on the Navigation Bar. frowning


#4

Use box-shadow's instead of gradients wink


#5

looks good so far smile the far right is causing the margin to expand and bringing up the bottom scroll bar you might want to look at sorting that smile


#6

Thanks for the feedback, everyone!

@Robert_Craig, how would I go about doing that? This is my first website with this type of layout.

@Waldo_Broodryk Thanks, I'll try it out smiley

@PixelGeek Column interactions have been subtleitized smile

In order to move forward on the site, I need help with something

How do I make it so that when a column is click, the page is squished horizontally and a fullscreen description page is shown?


#7

not having access to the design cant say for sure but I can say if you are using margin instead of padding to arrange things it will cause the effect I have mentioned smile


#8

Oh I apologize, here you go:
https://preview.webflow.com/preview/arcanedesign?preview=94c8deb53caac54ae38e0d1244da2573


#9

I seemed to have fixed it by disabling overflow in the body section. Sadly, my column interaction doesn't work. It just appears there suddenly. Is this good enough or is there a better method?


#10

#11