Work with me
Marija Buteska · Engineer & Designer

I design it.Then I paint itin code

Websites, identities and campaigns, engineered with a computer scientist's precision and finished with a designer's eye. One pair of hands, from the first stroke to the final deploy.

Work with meCase studies
Scroll to exploreMove your cursor to paintWatch the brush
Web DevelopmentBrand IdentityInterface DesignMarketing
Art DirectionMotionDesign SystemsCampaigns

The philosophy

I was trained to engineer systems, then fell in love with making them beautiful.So I refuse the trade‑off. Every pixel I design, I can build. Every line I write, I design first.

Marija ButeskaEngineer & Designer
The full story

What I do

Four crafts.
One pair of hands.

Most projects need a designer, a developer, a brand strategist and a marketer. You get all four, fluent in each other's language.

1Engineered to feel effortless

Web Development

Hand-built websites and web apps that load before you blink. Semantic, accessible, fluid in motion, and never trading performance for looks.

  • Marketing sites
  • Custom web development
  • CMS & headless builds
  • Performance & accessibility
2Clarity first, then character

Interface Design

Interfaces designed from the structure outward: architecture, wireframes, high-fidelity systems and prototypes you can actually click through.

  • UX strategy & wireframes
  • UI design
  • Design systems
  • Interactive prototypes
3A signature, never a template

Brand Identity

Identities with a point of view: marks, type, color and the rules that bind them, built to hold from a favicon to a billboard.

  • Logo & wordmark
  • Visual identity
  • Brand guidelines
  • Typography & color
4Design that moves numbers

Marketing & Growth

Campaign creative, social systems and landing pages crafted with the same obsession as the brand, and measured by what they move.

  • Campaign creative
  • Social content systems
  • Landing pages
  • Email design

Selected work

Work that speaks first.

How it comes together

From first stroke to final ship.

  1. Step 01

    Discover

    Every great build starts with the right question. Audience, ambition, constraints, all distilled into a brief sharp enough to design against.

    • Goals & audience
    • Landscape
    • Creative direction
  2. Step 02

    Design

    Structure first, then soul. Wireframes grow into a visual system, and the system becomes screens you can feel.

    • Wireframes
    • Visual identity
    • Prototypes
  3. Step 03

    Develop

    The hands that drew it are the hands that build it, so nothing gets lost in handoff. Every interaction engineered, never approximated.

    • Web development
    • Motion & interaction
    • CMS & integrations
  4. Step 04

    Launch & Grow

    Launch is the opening line, not the last word. Campaigns, content and iteration keep the brand moving and the numbers climbing.

    • Launch campaign
    • Analytics
    • Ongoing partnership

The foundation

Engineered roots. A designer's heart.

Degree

B.Sc. in Computer Science & Engineering

The engineering foundation beneath every pixel.

Certified

Full-Stack Programmer

Front to back. The whole stack, not just the surface.

Experience

Web Development

Websites and web apps, built end to end. Shipped and loved.

Practice

Design, Brand & Marketing

Identities and campaigns built to be remembered.

Toolkit
ReactNext.jsVueJavaScriptAstroGSAPWordPressMagentoGitNode.jsExpressReact NativeTailwindFigmaCanvaIllustratorPhotoshopAfter Effects

From the journal

Notes on design, code & conversion.