Lucas Cadler - Web Designer

[data-ws-animate-id="_Raij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Raij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Raij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Raij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Raij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

[data-ws-animate-id="_Riij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Riij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Riij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Riij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Riij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

working experience

Studio Axis

2024 – now

Lead Web Designer

Nuvia Digital

2020 – 2023

UI/UX Designer

Crafted Co.

2017 – 2020

Web Designer

Orra Media

2016 – 2017

Web Design Intern

Freelance

2015 – 2016

Front-End Developer

[data-ws-animate-id="_R1cij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1cij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1cij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1cij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1cij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

lucas_calder

[data-ws-animate-id="_R6cij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R6cij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R6cij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R6cij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R6cij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

[data-ws-animate-id="_Racij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Racij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Racij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Racij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Racij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

expertise

ui/ux design

brand design

graphic design

no-code development

[data-ws-animate-id="_R1kij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1kij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1kij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1kij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1kij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

my tools

[data-ws-animate-id="_R2kij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2kij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2kij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2kij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2kij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

about

i’m a creative web designer specializing in clean modern interfaces and thoughtful digital experiences. my work combines visual clarity with functional design, balancing aesthetics usability and purpose. whether building from scratch or refining existing ideas, i focus on creating websites that feel intuitive and personal

[data-ws-animate-id="_Rb2j5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rb2j5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rb2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rb2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rb2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

lucas_calder

[data-ws-animate-id="_Rj2j5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rj2j5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rj2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rj2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rj2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

[data-ws-animate-id="_R1d2j5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1d2j5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1d2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1d2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1d2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

[data-ws-animate-id="_R2d2j5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2d2j5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2d2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2d2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2d2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

about

[data-ws-animate-id="_R3d2j5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R3d2j5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R3d2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R3d2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R3d2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

expertise

ui/ux design

brand design

graphic design

no-code development

[data-ws-animate-id="_R1l2j5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1l2j5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1l2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1l2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R1l2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

working experience

Studio Axis

2024 – now

Lead Web Designer

Nuvia Digital

2020 – 2023

UI/UX Designer

Crafted Co.

2017 – 2020

Web Designer

Orra Media

2016 – 2017

Web Design Intern

Freelance

2015 – 2016

Front-End Developer

[data-ws-animate-id="_R2l2j5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2l2j5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2l2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2l2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R2l2j5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

my tools

[data-ws-animate-id="_R3ij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R3ij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R3ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R3ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R3ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

lucas_calder

[data-ws-animate-id="_R5ij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R5ij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R5ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R5ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R5ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

[data-ws-animate-id="_R7ij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R7ij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R7ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R7ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R7ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

[data-ws-animate-id="_R9ij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R9ij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R9ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R9ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_R9ij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

about

[data-ws-animate-id="_Rbij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rbij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rbij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rbij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rbij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

expertise

ui/ux design

brand design

graphic design

no-code development

[data-ws-animate-id="_Rdij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rdij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rdij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rdij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rdij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

working experience

Studio Axis

2024 – now

Lead Web Designer

Nuvia Digital

2020 – 2023

UI/UX Designer

Crafted Co.

2017 – 2020

Web Designer

Orra Media

2016 – 2017

Web Design Intern

Freelance

2015 – 2016

Front-End Developer

[data-ws-animate-id="_Rfij5_"] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rfij5_"] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rfij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rfij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])), [data-ws-animate-id="_Rfij5_"] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > [data-ws-animate-id] > :not(:is([data-ws-animate-id], [data-ws-no-initial-animation])) { animation: none; }

my tools