Differences between web developer and web designer

Web developer

[{"selector":"#anim-d1b39e38-6c17-47d7-87d4-d53a0181c5a3","keyframes":{"opacity":[0,1]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-93a5aff4-631d-4814-a20f-77f1ac701265","keyframes":{"transform":["translate3d(0px, 694.57080%, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bdc8f6d4-dd88-4f08-af65-467496952997","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}]

Write the code which creates the website action, whether they work on the front end or back end (server-side)

[{"selector":"#anim-3113239f-2418-442e-93a0-029719d69cd4","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}] [{"selector":"#anim-ffec3481-5b8b-4e75-996c-fc9028ee8308","keyframes":{"opacity":[0,1]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0b0e24f9-9ec7-4da7-88cd-0d02febae495","keyframes":{"transform":["translate3d(0px, 334.26847%, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Create or implement designs requested by the client or created by the design team

[{"selector":"#anim-d73d5d96-77bc-4bbe-8994-0955cdf4a25c","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}] [{"selector":"#anim-954a5a11-eef6-4945-aae6-120b6eb4897d","keyframes":{"opacity":[0,1]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b0ed7300-e6ec-43b8-9874-39d57311fce0","keyframes":{"transform":["translate3d(0px, 364.16978%, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Requires expert-level knowledge of a variety of programming language

[{"selector":"#anim-af4154c9-1e25-429c-ba6b-f3d205a0e072","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}] [{"selector":"#anim-021c7e9e-a204-400c-9034-26dc76fa3195","keyframes":{"opacity":[0,1]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1c2a6418-2450-4207-948d-86b55961c33c","keyframes":{"transform":["translate3d(0px, 306.91916%, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Create mockups, choose typography, or choose color palettes rarely

[{"selector":"#anim-56541295-d496-4f91-b9a6-d8c61af893e2","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}] [{"selector":"#anim-621c1b1c-0345-49ee-8756-2196a6305f5c","keyframes":{"opacity":[0,1]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5744a610-f50f-4bc5-bc64-3c40df495e0c","keyframes":{"transform":["translate3d(0px, 370.91137%, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

WEB DESIGNER

[{"selector":"#anim-37e68589-d48c-4847-8ebe-df20877f44b3","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}] [{"selector":"#anim-6f4af844-75e9-4544-b2ae-c8d744cc3904","keyframes":{"opacity":[0,1]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec984cb6-ff7c-4e3c-ac06-c6fa3b50656a","keyframes":{"transform":["translate3d(0px, 555.15498%, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Make everything a user sees on a website or software product, including visual, color, typography and usable elements

[{"selector":"#anim-66ab1295-25c6-4f58-876e-9bdfd9ff2cf9","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}] [{"selector":"#anim-a9d986c1-f046-49ea-9514-c17c34f2d2fc","keyframes":{"opacity":[0,1]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7854a58b-af44-4d95-9795-23a8d601bd84","keyframes":{"transform":["translate3d(0px, 270.39930%, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Work directly with clients to make designs or work as part of a team to develop client vision

[{"selector":"#anim-e031295b-facd-4418-8927-d63b9fd64862","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}] [{"selector":"#anim-f06e8449-7826-4c0a-ad28-153f3cbf3f8c","keyframes":{"opacity":[0,1]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b7defcdd-59a4-4c9a-94ae-964a776708ac","keyframes":{"transform":["translate3d(0px, 315.52442%, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

May require knowledge of a programming language or some coding skills, or at least some level of familiarity with widely used languages

[{"selector":"#anim-aaad5dc3-95b3-414e-9df8-d5e88a6105cc","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}] [{"selector":"#anim-a8eb1dcb-2367-41ad-9e23-1b7b26be0e93","keyframes":{"opacity":[0,1]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c8ae7368-fc8f-4cb9-a854-3d9bc25b2dd2","keyframes":{"transform":["translate3d(0px, 295.82145%, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Build wireframes and prototypes to test design ideas, provide input on design logos, branding, company style guides

[{"selector":"#anim-b66ef85f-7609-45a0-ac44-e1b057ecfbcd","keyframes":{"transform":["rotate(-540deg) scale(0.1)","none"],"opacity":[0,1]},"delay":0,"duration":1000,"fill":"both","iterations":1}] [{"selector":"#anim-332e6f82-93cf-4690-8bf7-cd818eb2c878","keyframes":{"opacity":[0,1]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-08de3fc9-bf90-4699-b43f-57caedca28f6","keyframes":{"transform":["translate3d(0px, 342.75243%, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]