Frontend Developer OKR Examples

Provide modern browser support to our web application

We want to make sure our web application works correctly across all modern browsers

• Create at least 30 automated tests for the three main browsers
• Create an email that gets sent to the CMO daily with screenshots of our web application
• Fine-tune web application to get at least 95% Lighthouse score for both desktop and mobile

Increase the loading speed of our web mobile app

Our current application loading time is beyond the benchmark provided by Google Page Speed.

• Resize, cache and compress all images to reduce image size by 70%
• Implement lazy loading and provide a final report on page speed increase
• Optimize DNS resolving time and move to a faster DNS service to speed up loading min. by 20%

Reduce production bundle size

According to Google bounce rate gets increased by 32% when a page load time goes from one to three seconds

• Implement code splitting and push the new version to production by end of November
• Migrate to webpack and use tree shaking to minimize bundle size by at least 10%
• Remove libraries that are larger than 100kb and replace them with lighter alternatives

Reduce client communication to max. 1 touchpoint

• Setup 1 kickoff call for the project
• Add 1 feature every week to reduce client requests to 0
• Create self-explanatory wireframes for development

Increase user satisfaction and website performance

Find a new frontend framework for the company

• Research and evaluate at least 3 potential frameworks
• Implement the selected framework within 3 months
• Improve website loading time by 20% within 6 months of implementation

Reduce the number of bugs and improve maintainability of the code

Improve frontend code quality

• Implement code review process for all frontend code changes
• Reduce the number of frontend bugs by 30% within 6 months
• Increase frontend code maintainability by 20% within a year

Improve communication and coordination within the frontend team

Increase frontend team collaboration

• Conduct regular team meetings and code review sessions
• Increase the number of pull requests reviewed and merged by 25% within 6 months
• Increase team participation in code review sessions by 20% within a year

Increase user engagement and satisfaction

Design new features for ecommerce platform

• Increase user time on site by 10%
• Increase user satisfaction ratings by 8%
• Increase number of new users by 5%

Improve user experience and retention

Implement high-leverage features

• Decrease user churn rate by 7%
• Increase user engagement with new features by 15%
• Increase user satisfaction with new features by 9%

Improve team collaboration and efficiency

Collaborate with other teams to ship new components

• Increase team communication and collaboration by implementing regular meetings and checkpoints
• Decrease time to ship new features by 15%
• Increase number of successful feature launches by 10%

Stay up-to-date with industry trends and improve technical capabilities

Explore new technologies and draft architectural decisions

• Attend at least 2 industry conferences or workshops per year
• Implement at least 3 new technologies in project work
• Draft and document at least 5 architectural decisions per year

Improve the user experience of our web application

Contribute to the development of our web application

• Implement at least 3 new UI/UX concepts
• Ensure all web pages are responsive on multiple devices
• Increase web application performance by 15%

Maximize the efficiency of our web development process

Work across the entire web stack with modern web frameworks

• Complete at least 1 project using React, GraphQL, and Node.js
• Collaborate with the entire team to improve our technology stack
• Reduce web development time by 20%

Innovate and improve the design of our web application

Brainstorm and build new UI/UX concepts together with the entire team

• Conduct at least 2 design brainstorming sessions with the team
• Implement at least 2 new UI/UX concepts
• Increase user satisfaction with the design of our web application by 10%

Ensure our web application is accessible to all users

Implement responsive designs and ensure multi device compatibility

• Test web pages on at least 3 different devices
• Ensure all web pages are readable and easy to use on mobile devices
• Increase the number of users accessing our web application on mobile devices by 25%