A | B | C | D | E | F | G | ||
---|---|---|---|---|---|---|---|---|
1 | ©️ Anton(iuk), web experience manager, Wrike | Learns | Knows | Does | Helps | Teaches | ||
2 | Visual design and versatility | Conceptual skills | Understands the fundamentals of conceptual skills and creates web or digital assets aligned with provided concepts and guidelines, with supervision. | Possesses a robust understanding of conceptual skills and independently creates web or digital assets that align with provided concepts and guidelines, requiring at most two rounds of revisions. | Independently creates web or digital assets that align with provided concepts and guidelines, and confidently offers improvements. | Demonstrates advanced expertise in conceptual skills. Independently designs and elevates web or digital concepts at a brand-wide level and is capable of leading such projects and supervising the project team. | Possesses expert-level knowledge in conceptual skills. Independently develops, leads, and presents premium concepts for global campaigns at a departmental level. Capable of crafting guidelines and tutorials for stakeholders and peers and mentoring others on best practices in conceptual skills. | |
3 | Copywriting and storytelling | Implements pre-existing copy and follows proposed story flow in projects. Regularly expands knowledge of UX-writing and marketing copy principles. | Differentiates between marketing copy and UX-writing. Identifies potential areas for copy improvement. Uses visual elements to establish a compelling narrative. | Participates in discussions and brainstorm sessions with content teams to propose ideas to enhance copy, messaging, and storytelling in projects. Makes suggestions to content teams to ensure web and digital copy adheres to UX-writing and storytelling best practices. | Collaborates with content teams to deliver optimal solutions for web and digital customer experience, utlizing both visuals and copy. | Possesses deep knowledge of UX-writing, storytelling, and digital/web messaging. Works with content teams, proposing innovative ways to connect with the audience. Acts as a mentor for junior colleagues. | ||
4 | Visual design | Designs layouts based on templates with guidance, adhering to manuals. Utilizes and modifies existing illustration, icon, and image libraries. Creates basic compositions using grids and references. Applies predefined typography styles and uses knowledge of color theory for cohesive designs. | Independently designs layouts and creates custom images using icon, illustration, and photo libraries. Crafts static and dynamic compositions with pre-built elements. Offers new typographic solutions under supervision. Uses color theory knowledge to create cohesive designs that guide attention, evoke emotions, and establish moods while ensuring legibility across devices. | Designs visually appealing, cohesive web and digital projects promoting brand consistency. Handles composition at any level, creates custom assets. Suggests improvements to typography systems and libraries. Develops new web color schemes upon request and contributes to brand consistency and guidelines evolution. | Uses experience and research to construct complex solutions for new assets and designs with new layouts and grids. Enhances web color schemes and palettes within the web design system. Proposes enhancements to imagery asset libraries evolution. Educates and facilitates reviews for others. | Continuously elevates web assets and layouts by creating and updating core styles and guidelines. Plans, scales, and enhances templates independently. Manages and enhances libraries with a strategic mindset towards visual design. Masters color and typography, constantly improving them within the web design system. | ||
5 | Web design and usability | Web page layout and creation | Continuously expands understanding of web design principles by observing best practices and examples. Utilizes components from libraries and master layouts to support senior teammates in creating visually pleasing webpage blocks. | Routinely applies best web practices to work, designing webpage layouts with strong visual hierarchy under senior team members' guidance. | Applies knowledge of best practices to propose new, innovative solutions for web design. Has a solid understanding of creating user-friendly interactions like efficient web forms and intuitive navigation systems. | Creates innovative web designs aligned with business goals. Oversees junior designers ensuring they apply best solutions. Capable of providing design solutions that can be shared as best practice examples externally. | Regularly mentors and enhances the company's web projects by leading and sharing experience and knowledge. Actively shares expertise with other departmental teams, aligning on business goals. Acts as an experienced mentor for junior designers. | |
6 | Prototyping and wireframing | Possesses a basic understanding of webpage structure and creates prototypes under senior team members' guidance and supervision. | Utilizes knowledge to create webpage structures, prototypes, and wireframes for standalone projects under senior team members' guidance. | Independently creates website prototypes and supports senior designers in creating high-level web projects. | Confidently creates structures, prototypes, and wireframes for web projects of any level, supports and guides prototyping for junior designers. | Contributes to the continuous improvement of major web projects by exploring, using, and proposing best practices for webpage structures. | ||
7 | Web animation | Learns the basics of web animation, including types and their effects on user experience. | Has a basic understanding of web animation principles. Can suggest interface animation ideas to improve user experience and website conversions. | Initiates the creation of web animation, supports development and provides briefs for motion designers if needed. | Can independently create web animations using various tools. Proficient in using web formats for animation and supports their implementation within web projects. | Possesses a strong understanding of web animation. Can mentor junior colleagues and supports the improvement of website experience by providing trending and high-performing animation solutions. | ||
8 | Grid systems and responsive design | Has a basic understanding of layout differences for various devices and resolutions. Learns to create web project breakpoints under senior guidance using existing layouts. | Possesses a robust understanding of various breakpoints and flexible grid systems. Confidently creates responsive designs by implementing breakpoints to support senior designers' projects. | Confidently designs web projects to be visually and functionally consistent across a wide range of devices within the web system. | Designs or enhances grid systems for web projects using current knowledge of best practices. Works on any breakpoint as part of the entire web system to create a consistent experience. Develops core responsive grids and systems. | Continuously enhances the consistent experiences of major projects across various devices and resolutions. Initiates and supports the evolution of core responsive grids and systems. Mentors and trains junior designers in responsive design best practices, providing guidance to improve their skills. | ||
9 | Service design | Understands the fundamentals of service design. Learns the company's Web Design System (WDS) by using existing components in daily tasks. Continuously explores the WDS to deepen understanding. | Assists in improving the WDS under supervision from senior team members, following requests. | Independently creates new components with team's input and reviews. Continually improves and updates the WDS to boost web production efficiency. | Demonstrates confidence in creating and enhancing the WDS. Regularly supports development of major components. | Continuously contributes to the evolution of the WDS, collaborating with other teams to expand and enhance it at company-wide level. Acts as a mentor, sharing best practices and knowledge with team members. | ||
10 | Usability principles | Has a basic understanding of usability principles, user flow, and web patterns. Consistently learns about accessibility guidelines and incorporates them into work. | Has a robust understanding of common web patterns and incorporates them into designs to enhance user experience. | Designs with accessibility in mind, optimizing user experience under guidance or supervision. | Has a deep understanding of usability principles and web patterns. Uses this knowledge to consistently enhance user experience of major web projects. Stays up-to-date with accessibility guidelines and ensures projects conform to best practices. | Innovates and resolves complex UI/UX issues. Serves as a mentor, sharing best practices and personal experience. Is a subject matter expert in usability principles and user flow. | ||
11 | Research and analytics | Collects data and information for tasks using existing resources and independently learns about user research methods. | Conducts visual research for their own projects and contributes to research for department-wide projects. Familiar with user testing and research methods and assists senior designers in conducting these tests. Participates in research as a note-taker. | Independently conducts visual and technology research for specific projects and areas and applies findings to work. Conducts usability testing as an interviewer and analyzes and interprets user research data to enhance website experience. | Conducts competitive, industry, and trend research to enhance visual design decisions. Organizes and shares research findings. Conducts user interviews and creates personas. Supports in creating customer journey maps. | Initiates improvements in research flows and tactics to deliver optimal results and meet business goals. Mentors and trains others on user research best practices. Creates and maintains customer journey maps to meet company needs. | ||
12 | Tools | Figma | Familiarizes with basic Figma tools to create simple wireframes and mockups. Uses layout grids and guides to position and align design elements. Uses existing libraries and assets. | Designs complex wireframes and mockups. Comfortable with advanced layout/design tools like components and instances, design styles and libraries, and design constraints. Can create and share interactive prototypes. Proficient in using Figma. | Expertly proficient with Figma's design features. Creates highly-polished designs. Automates workflows by creating and enhancing auto-layouts, components, and libraries. | Understands Figma's capabilities thoroughly. Regularly provides improvement ideas and evaluates systems and libraries. Teaches others how to use and enhance components by consistently improving knowledge and staying updated with new Figma features and best practices. | Teaches and mentors others on effective Figma use. Automates workflows by creating personal plugins and scripts. Enhances libraries and components, and shares best practices with the team. | |
13 | Adobe Photoshop | Has a basic understanding of Adobe Photoshop and uses it for simple tasks such as resizing, retouching, and background removal. | Good foundational knowledge of the main Photoshop tools, able to work with provided Photoshop designs and make adjustments. | Comprehensive understanding of the program, uses it to create high-fidelity raster graphic assets and imagery. | Deep understanding of Photoshop, uses advanced techniques and features to create complex compositions and graphic assets. Confident in creating own unique designs. | Expert-level knowledge of Photoshop, demonstrated by Adobe certification. In-depth knowledge of program's specifics and capable of troubleshooting any issue. | ||
14 | Adobe Illustrator | Has a basic understanding of Adobe Illustrator functions and can make slight adjustments to existing designs. | Has a good understanding of the main functions and tools. Can create custom layouts and graphics using a mix of existing assets and own designs. | Has a solid understanding of the tool and can develop new design solutions for their projects. | Experiments with new and existing tools to create unique designs. Skilled in using advanced features and techniques to create complex compositions and graphics. | Has expert-level knowledge of Illustrator, demonstrated by an Adobe certification. Brings innovations and improvements to team processes by finding and showing the tool's advantages and educating the team. | ||
15 | Digital marketing | seo tactics | Learns basic SEO principles and how to optimize websites for search engines and user discoverability. | Applies basic SEO principles to improve website performance and visibility. | Understands how search engines operate and uses this knowledge to provide better SEO performance solutions. | Identifies potential SEO problems and regularly suggests optimization solutions. | Possesses a deep understanding of SEO principles. Collaborates with SEO teams to consistently review and improve the website for an SEO-friendly user experience. Mentors the team by sharing their knowledge. | |
16 | website metrics | Understands the basics of website metrics, including various types and how they're used to measure website performance. | Possesses basic knowledge of website metrics, analyzes data, draws conclusions, and identifies areas for improvement. | Collaborates with analytics teams to understand and analyze website data. Identifies bottlenecks and proposes solutions. | Independently requests and analyzes analytical data to validate design solutions and optimize website performance for SEO and PPC campaigns. Ensures availability of sufficient data to validate hypotheses and make informed decisions in projects. | Possesses thorough understanding of website metrics. Consistently works on metric improvement by analyzing analytics data. Uses expertise to mentor and guide others in data analysis and optimization. Regularly shares knowledge and experience to enhance website performance. | ||
17 | digital marketing | Learns digital marketing terminology, specifics, and principles. Creates assets to assist seniors in creating campaign pages and generic banners using existing libraries and builders. | Assists seniors in crafting digital campaigns. Uses best practices to make visually appealing landing pages and custom banners using existing libraries and builders. | Strong understanding of digital marketing tactics and channels. Optimizes campaigns based on analytics data. Collaborates with digital teams to deliver better solutions in campaign production. Confidently creates any level of banners and improves libraries and builders. | Uses best digital marketing practices and proposes solutions for different digital marketing channels. Collaborates with digital team leads to continuously review and improve campaigns. Improves banner libraries and builders, leads effective digital campaign production. | Consistently improves metrics with a deep understanding of channels and best market practices. Constantly provides solution improvements for major campaigns and initiates and supports production process improvements. Acts as mentor for junior designers, sharing expertise. | ||
18 | ||||||||
19 | ||||||||
20 | ||||||||
21 | ||||||||
22 | ||||||||
23 | ||||||||
24 | ||||||||
25 | ||||||||
26 | ||||||||
27 | ||||||||
28 | ||||||||
29 | ||||||||
30 | ||||||||
31 | ||||||||
32 | ||||||||
33 | ||||||||
34 | ||||||||
35 | ||||||||
36 | ||||||||
37 | ||||||||
38 | ||||||||
39 | ||||||||
40 | ||||||||
41 | ||||||||
42 | ||||||||
43 | ||||||||
44 | ||||||||
45 | ||||||||
46 | ||||||||
47 | ||||||||
48 | ||||||||
49 | ||||||||
50 | ||||||||
51 | ||||||||
52 | ||||||||
53 | ||||||||
54 | ||||||||
55 | ||||||||
56 | ||||||||
57 | ||||||||
58 | ||||||||
59 | ||||||||
60 | ||||||||
61 | ||||||||
62 | ||||||||
63 | ||||||||
64 | ||||||||
65 | ||||||||
66 | ||||||||
67 | ||||||||
68 | ||||||||
69 | ||||||||
70 | ||||||||
71 | ||||||||
72 | ||||||||
73 | ||||||||
74 | ||||||||
75 | ||||||||
76 | ||||||||
77 | ||||||||
78 | ||||||||
79 | ||||||||
80 | ||||||||
81 | ||||||||
82 | ||||||||
83 | ||||||||
84 | ||||||||
85 | ||||||||
86 | ||||||||
87 | ||||||||
88 | ||||||||
89 | ||||||||
90 | ||||||||
91 | ||||||||
92 | ||||||||
93 | ||||||||
94 | ||||||||
95 | ||||||||
96 | ||||||||
97 | ||||||||
98 | ||||||||
99 | ||||||||
100 |