Blogpost: Websites Criativos

[{"selector":"#anim-5a1d4460-5ed1-4034-bc7f-bc9f977e4e65","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Inspire-se com esses 6 exemplos de websites criativos.

[{"selector":"#anim-b48ba2ec-1b1a-4fa8-9d11-26016ac45206","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4399d8bf-fcbc-4ca3-8a12-14cdeb539622","keyframes":{"transform":["translate3d(111.99999%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-afcfbf00-c615-4992-a03f-a0d5dba5a74a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d5391f2-79e3-461c-b9d5-a13f9094f38a","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Ter uma boa presença online é essencial para qualquer empresa hoje.

[{"selector":"#anim-a91c414a-5076-42be-a55c-2a01dfd034f9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54a0cd6f-e4dd-4444-8c7d-fd5ae3687ac6","keyframes":{"transform":["translate3d(-115.28663%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-06ab2f48-91ec-4680-9dcd-8ccdaa7ebe07","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bacd5fd2-0858-4f4b-b028-5bec59e039ad","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

[{"selector":"#anim-ddbf3da4-3c21-4065-9261-7acf794b5e5f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-075890aa-f4e7-4783-9b4e-5f40cd1f9ce4","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e24d56e5-933f-4fc8-9107-51652868e2f8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cde344bb-bcc5-4025-8eb7-2c0a49f6b9b7","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] E não dá para ter uma presença forte sem criatividade. É por isso que os sites estão ficando cada vez mais modernos, interativos e criativos.

Veja a seguir alguns exemplos para você se inspirar ;)

[{"selector":"#anim-6aad318d-780a-4e6d-a634-e3fc654bf42b","keyframes":{"transform":["translate3d(-115.33547%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-62caec35-c9a0-4b60-931f-207ab33377a1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cdc4a4ab-f437-4f14-a5cd-f9ee26d6e4de","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Resn

[{"selector":"#anim-77267ac5-e298-4712-9209-6ed86a744b2d","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-948db9da-92cf-47fe-9295-6d2f47341e30","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e3e985bc-0c97-40c5-b6a5-c50f192f5ba7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f31249aa-1cab-404a-965f-1178cfdf4641","keyframes":{"transform":["translate3d(116.49122%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 01

Star Atlas

[{"selector":"#anim-434e410a-a10c-4ed3-9476-3d1ef86b88b1","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a91a92c1-f445-40cb-908b-1b6157ee4782","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c6ff49a5-af8c-447c-aae9-fb83886b426b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-18139723-5c79-44bc-8717-55e5f8ba419e","keyframes":{"transform":["translate3d(116.49122%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] 02

Locatelli Advogados

[{"selector":"#anim-13bacfd6-c38b-490b-b41f-7e9794728823","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-000b9b69-85fb-4b76-b354-67b97af3bbfe","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fbf4cd36-81d7-4041-a74d-c185ba6bddca","keyframes":{"transform":["translate3d(115.27778%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-84faf59f-a2d1-4f9c-94e4-f916ea1f4033","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] 03

Bautz

[{"selector":"#anim-177dc26e-4994-4109-ba17-7ac6ff9a093a","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-67816f98-c173-4de9-bd36-cc0029134c2e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-94b84a33-fa24-4918-9c62-951a53c561a6","keyframes":{"transform":["translate3d(116.90140%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-715327b6-dabd-433c-b73a-6844a6cd23ca","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] 04

R.YAZBEK

[{"selector":"#anim-cfde0870-e1f9-42c9-9504-8eb4b1011343","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0e6c91b4-de3f-4079-88e4-d0ca59f96cda","keyframes":{"transform":["translate3d(116.49122%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-74b41a17-91ca-4cdc-9345-2c023fba2924","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-320e482c-3e20-438b-8d9b-a0e227d513e3","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] 05

PATRUS

[{"selector":"#anim-096e5148-7e45-412a-b93f-e967fca22988","keyframes":{"opacity":[0,1]},"delay":300,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-32c40264-cfa8-4956-9fef-955209514cba","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3b067df4-a421-46a0-95ac-8c9bb7444819","keyframes":{"transform":["translate3d(116.49122%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1401f887-b58d-413e-aab6-4d7c32199a0a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] 06

Veja o post completo

[{"selector":"#anim-3554d48a-5798-4aab-8acc-aeda6bd0ede5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bd8a31a0-0f2a-4230-b576-dffaedf8f0dc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] ACESSE