Jump to content

How to Make Dynamic Landing Page

Recommended Posts

Hey all,

I'm wondering how I can make the landing page (in particular) for a website I've been working on more dynamic.

Two websites we've been looking at for inspiration:

(1) Santa Fe Brewing Co. https://santafebrewing.com/

(2) Human Rights Campaign https://www.hrc.org/

(1) is obviously a pretty high-end website. We like the text bleed over video/images, and videos overlapping each other, and the scroll functionality, in particular. Any idea whether those things are possible to do in Squarespace? I imagine the text animation effect might be possibly to do with GIFs, but it seems challenging if not impossible to have blocks bleed over each other.

(2) seems quite a bit more do-able. Again, we love the text bleed over video, and would like to imitate that and some of the color blocking effects on our own website. It looks to me like the color blocks are images designed in Photoshop/Illustrator/InDesign and then dropped in with color coordinated backgrounds, but I'm obviously no expert.

Any help would be appreciated--whether that's guidance on how to achieve some of these effects or more direct work. If you think you'd be able to imitate either of these sites, we'd be happy to compensate you for work on our site.


Link to comment
  • Replies 1
  • Views 552
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.