Mikä on design engineer, ja miksi palkata sellainen verkkosivuillesi

Design engineer on yksi ihminen, joka sekä suunnittelee verkkosivut että rakentaa ne tuotantokoodilla. Ei luovutusta suunnittelijalta kehittäjälle, koska sama ihminen tekee molemmat työt. Nimike kasvoi tuoteyritysten kuten Vercelin sisällä, ja verkkosivuja ostavalle se muuttaa koko projektin talouden.

Olen käyttänyt nimikettä jo jonkin aikaa, ja yleisin kysymys jonka perustajilta saan ei ole se mitä se tarkoittaa. Se on miksi sillä on heille väliä. Reilu kysymys. Tämä kirjoitus on vastaus.

Mitä design engineer oikeastaan tekee?

Kaiken siltä väliltä, kun sanotaan ”tarvitsemme uudet verkkosivut” ja kun sivusto pyörii tuotannossa:

• Strategiatyön: mitä sivuston pitää saada aikaan ja kenelle
• Suunnittelun: ulkoasu, typografia, design-järjestelmä, vuorovaikutus
• Toteutuksen: itse koodin, tai Webflow- tai Framer-toteutuksen
• Sisällön rakenteen: CMS:n, jota markkinointitiimisi pyörittää ilman tikettejä

Poikkeuksellista ei ole mikään yksittäinen taito. Erinomaisia suunnittelijoita on paljon, erinomaisia kehittäjiä on paljon. Poikkeuksellista on se, että yksi ihminen kantaa suunnittelun tarkoituksen tuotantoon asti kääntämättä sitä ensin jollekin toiselle.

Miksi luovutuksella on niin paljon väliä?

Koska luovutus on se paikka jossa laatu kuolee. Vietin yli kymmenen vuotta pöydän toimittajapuolella katsomassa sen tapahtuvan.

Perinteinen kulku: suunnittelija tekee ehdotelmat, kirjoittaa merkinnät, ojentaa paketin kehittäjälle ja toivoo. Kehittäjä tulkitsee. Välistykset lipsuvat. Hover-tilat joita kukaan ei määritellyt keksitään lennossa. Animaatio jonka suunnittelija kuvitteli jää tekemättä, koska sitä ei ollut tiketissä. Kolme kommentointikierrosta myöhemmin sivusto julkaistaan ehkä 80 prosentissa suunnittelun tarkoituksesta, ja kaikki ovat liian väsyneitä taistelemaan lopusta.

Mikään tuosta ei ole kenenkään vika. Niin käy kun tarkoituksen pitää selvitä käännöksestä kahden pään välillä. Design engineer poistaa käännöksen. Kun suunnittelen hover-tilan, suunnittelen sen tietäen tarkalleen miten rakennan sen, ja kun rakennan sen, tiedän tarkalleen miltä sen oli tarkoitus tuntua. Viimeinen 20 prosenttia päätyy julkaisuun, koska kenenkään ei tarvitse taistella sen puolesta.

Mistä nimike tulee?

Tuoteyrityksiltä, jotka huomasivat saman luovutushävikin sisäisesti. Vercel kirjoitti siitä vakiintuneen kuvauksen: heidän design engineerinsä ”yhdistävät esteettisen silmän teknisiin taitoihin” ja vastaavat viimeistelystä, vuorovaikutuksesta ja saavutettavuudesta sen sijaan että luovuttaisivat suunnitelmat eteenpäin. Suunnittelija hahmottelee alun, ja iteroi sitten design engineerin kanssa suoraan koodissa. Rooli on olemassa koska luovutus kustansi laatua heiltäkin, ja he pystyivät mittaamaan sen.

Nimike leviää nopeasti, ja kuten jokaista hyödyllistä nimikettä, sitä alkavat lainata ihmiset jotka tekevät työstä puolet. Tässä siis oma ostajalle suunnattu määritelmäni, se jota puolustan: design engineer toimittaa sekä suunnittelun että tuotantototeutuksen, itse. Jos joku ei pysty näyttämään sinulle työtä jossa hän teki molemmat päät, hän on suunnittelija tai kehittäjä uudella käyntikortilla.

Mitä tämä tarkoittaa, jos olet ostamassa verkkosivuja?

2–50 hengen B2B-yritykselle neljä käytännön asiaa:

• Nopeus. Tyypillinen verkkosivuprojektini kestää kolmesta viiteen viikkosprinttiä. Ei siksi että tekisin töitä viikonloppuisin, vaan siksi ettei suunnittelijan ja kehittäjän välisiä edestakaisia kierroksia ole. Jokaisessa projektissa on vähemmän palavereita kuin toimiston aloitustilaisuudessa.
• Yksi kokenut yhteyshenkilö. Puhut sen ihmisen kanssa joka tekee työn, ensimmäisestä puhelusta julkaisuun. Mitään ei siirretä juniorille myyntitilaisuuden jälkeen.
• Yhtenäisyys. Suunnittelu ja koodi jakavat saman ajattelumallin. Se minkä hyväksyt suunnittelukatselmuksessa on se mikä julkaistaan, koska sen sinulle näyttänyt ihminen on se joka sen rakentaa.
• Teknologiapino valittuna sinua varten, ei toimittajaa varten. Webflow-toimistot myyvät Webflow'ta, koodipajat myyvät koodia. Design engineerillä joka työskentelee molemmilla ei ole vastauksessa omaa etua. Välillä suosittelen Webflow'ta ja laskuni on siitä pienempi.

Mitä design engineer ei ole

Rehellisyysosio. Yksi ihminen ei ole täysi toimisto, ja mallilla on rajansa:

• En tee brändistrategiaa tai valokuvausta itse. Tuon niihin mukaan luotettuja kumppaneita, joten laajuus tulee katettua ilman että sinä pyörität kolmea toimittajaa.
• Yhdellä ihmisellä on kalenteri. Pidän asiakaskuntani pienenä ja mitoitan projektit puskureilla, mutta jos tarvitset kuusi työvirtaa rinnakkain, tarvitset tiimin.
• Jos organisaatiosi tarvitsee toimittajan joka istuu ohjausryhmissä ja tuottaa tilannekalvoja, toimisto tekee sinut onnellisemmaksi. Minun prosessini korvaa kalvot valmiilla työllä joka perjantai.

Kannattaako sinun palkata sellainen?

Jos projektisi on markkinointisivusto, uudistus tai verkkosovelluksen käyttöliittymä, ja haluat kokeneen tekijän laatua ilman toimiston yleiskuluja, kyllä. Se on täsmälleen se projektin muoto jota varten rooli on olemassa. Jos ostat brändiuudistuskampanjaa filmillä ja medialla, palkkaa toimisto ja anna heidän alihankkia sivusto.

Olen Aleksi Huusko, design engineer Suomesta. Tietojenkäsittelytieteen maisteri, sertifioitu Webflow-, Framer- ja Sanity-osaaja, yli kymmenen vuotta verkkosivujen toimittamista B2B-yrityksille. Suunnittelen sen ja rakennan sen, kiinteällä hinnalla 2 240 € + alv viikkosprintiltä. Mitä se ostaa, yksityiskohtaisesti: paljonko B2B-verkkosivusto maksaa vuonna 2026. Ja kun haluat jutella sivustostasi, näin työskentelen.