Dario Grigoletti

Over the last couple of weeks, I posted a lot of individual parts about my Website. 🐝

Here's how my entire homepage looks.

Lots of times I have trouble cleanly separating different sections. In this case, I think I found a pretty clean way to differentiate them. Scroll Transforms helped a lot here.

How did you solve the separation of different sections?

(And what do you think, is it as clean as I think it is? 👀)

Business Cards 🪪

Me being a Web Designer, I thought that this would be an absolute piece of cake.

"Let me quickly create some business cards..."

Well I was wrong and I somehow don't like any of my designs. So i shelved business cards for now and moved on to other projects.

Here's some of my tries...

Do you guys have business cards? 🤔

Here in Switzerland every Site that uses Cookies, must have a Cookie Banner. 🍪

Unlike in the EU we don't have to let the visitors choose which ones they'd like to pick.

Given that it really isn't that central here, I tried to keep the Banner as unintrusive as possible while still keeping it on brand.

Do you have a Cookie Banner on your page?

The newest family member 🐶✨

Do you also have a pet at home?

This is how I decided to design my Hero-Visual 🏞

I didn't have any clean image or video so I decided to show some of my project in this slider.

Like this I still have some sort of visual without it having to be some unrelated imagery.

Follow me for more insights 🕺

Is it just me or do you guys also create all sorts of documents inside Framer? 📚

I create all of these documents inside Framer:

- Invoices

- Offers

- Contracts

- Onboarding Instructions

- Offboarding Instructions

- Maintenance Instructions

Like this I can be sure I have consistent branding over every touchpoint with my clients.

Where do you create your relevant documents?

Today's scenery: North Italian Vineyards 🍇

Only doing some light work today. Can't miss out on this amazing location and weather 😆

How's your workplace looking today?

My take on a FAQ-Section 🧠

I like using this section to both pre-handle common objections and, of course, answer the most frequent questions.

Styling-wise, I tried being on brand by keeping it type-heavy and letting the design breathe with lots of whitespace.

What do you think?

Follow for more insights on why I do what I do.

The end of almost every page: the CTA-Section 📈

I like adding a CTA-Section at the end of most pages, just to make sure visitors know how to take the next step if they are interested in doing so.

In my case, I want people to book a call with me. So still on brand I ask them directly to book a call with me.

What do you think about adding CTA Sections at the end?

404 👀

The page everyone hopes, their visitors never reach. But things happen and people may still end up here.

I tried to imitate a stamp being pressed onto the page while still staying on brand. This is what I ended up with.

What do you think?

Follow for more insights of how I create my projects.

The Start of my Services Index Page 🃏

I really like the "Card" Aesthetic, so I decided to show my 3 Main-Services as such.

How did you design your Services-Page?

Follow me for more insights 🐝

The About me Section for my Website 🪪

This Scroll-Animation adds some interaction and lets me smoothly change from a light to a dark section.

Follow me to get some more insights on how I create my websites.

My take on a rather compact service-section of my website. 🧩

What do you think?

I started creating Hero Sections for random businesses to make sure I don't loose my creative spark.

Will be posting some of them here. So follow if you're interested ☝🏼

Here we have a Hero Section for an independent Tattoo Artist. What do you think?

Project-Section of my personal Website 🫧

Given that my Branding is very focussed on typography, this seemed like a nice way of showing my featured project.

What do you think?

New Agent helping me create this component that achieves this cool text-effect for my Hero-Section 💨

Have you also created some new components?

Been messing around with buttons lately. 🐝

I think buttons don't get nearly enough attention when creating a website. Which is strange since the main action we want people to take on a website is clicking that one button.

What do you think, at which point is a button over-engineered?

For the first time I decided to have the individual items of my Navbar animate in and out instead of the whole thing all at once.

Turns out there's some pretty neat things you can achieve that way 👀

My very first Framer Website 🫠

I guess we all went a long way before actually creating nice websites. If I had Agents back then, I may have realized that publishing this wasn't the best idea...

Do you guys also have this one Design Page which looks like this or is it just me? 🫯