Deftiq

04.

Deftiq

Mock-up of Deftiq e-learnings on different devices.

Task

As a designer at Deftiq, I was tasked with developing a visual style that could be applied to various e-learning projects. I conducted extensive research, conceptualized ideas, and created a versatile visual style that could be seamlessly integrated into different types of projects. Additionally, I worked on improving the onboarding process for new design employees and streamlining workflows for working with various graphics. Throughout this process, I maintained clear communication with both company leaders and team members.

Why?

To develop a unique visual style that could differentiate Deftiq from its competitors and to optimize their current onboarding process.

For whom?

Deftiq a company that specializes in offering online micro-learnings and project instructions for technical professionals.

My role

Visual designer, animator & supervisor design interns.

Overall process

• Kick-off

• Desk research (Reviewing current projects)

• Desk research (To gather information on the target group’s visual knowledge)

• Experiment with visual styles

• Presenting new style and getting feedback from stakeholders, experts and the target group

• Developing final visual style

• Establish design guidelines and create a database

• Create design skill assessment file to streamline onboarding process

Creating overall visual design

For Deftiq, I created a visually appealing and versatile style that could be used across various types of graphics. I aimed to achieve a professional yet simple aesthetic while conveying technical details such as machinery, vehicles, and employee roles. I explored two approaches, the first proved challenging because of a limited imagery database and reliance on client-provided materials. In the end I found a balanced approach by blending the graphics of the first style with the simplicity of the second, resulting in a modern, refined and recognizable final style.

(1) Visual style at that time. (2) Experiment of simpler style. (3) Final and current style. (4, 5) Final style used in context.

Onboarding

As a designer at Deftiq, I recognized the importance of an effective onboarding process for new design employees and came up with the idea to optimize it by developing Adobe Illustrator files, including a design skills assessment for potential candidates and a comprehensive guide to ensure consistency with the Deftiq style and optimize workflows when working with various types of graphics. This contributed to a smoother and more productive transition for new employees, ultimately leading to improved job performance and job satisfaction.

(1) Design skills assessment. (2) Adobe Illustrator tips and tricks template. (3) Rise360 guidelines for building graphics.

My approach

Understanding the Target Group and Design Context:

• Review current Deftiq e-learning projects to gain an understanding of the design context

• Conduct research on visual styles that the target group is familiar with

‍

Developing concept

• Experiment with different visual styles in Adobe Photoshop and Illustrator

• Gather feedback from stakeholders, experts and the target group

• Create the final Deftiq visual style, ensuring that it's suitable for different types of projects (full-scale project instructions and microlearnings)

‍

Streamlining the Design and Onboarding Process:

• Develop assets and create a graphic database file

• Establish guidelines and assessment files for graphic design skills

‍

Final product

At Deftiq, I created engaging and responsive courses using Rise360, with components such as accordions, sliders, flip cards, and videos. My top priority was meeting learners' needs, whether for micro-learning or full-scale project instructions. By integrating my visual style into the course graphics, I was able to improve the learning experience, as confirmed by positive feedback from clients. I am proud to say that I accomplished my goal of creating visually appealing courses with clear subject matter that both engage and inform learners.

Mock-up of e-learnings in Rise360 displayed on three different devices (tablet, pc, mobile).

What did I do?

• Redefine the visual style and bring overall consistency between projects

• Streamline onboarding process by assessing design skills and supplying accessible knowledge

• Data and image visualisation

• Create and animate 2D video’s

• Build training templates in Rise360

• Give feedback to and help design interns

What did I learn?

During the course of the project, stakeholder feedback brought attention to the fact that our e-learning style effectively conveyed technical aspects in a recognizable and straightforward manner. Furthermore, the decision to incorporate design assessment and guideline documents into the onboarding process was favourably received by company leadership, resulting in a smoother integration process and improved success rates for new design employees.

The experience taught me the significance of including target audiences and experts in the design process to understand their preferences. This helped me develop an intuitive and versatile graphic style. Working with a colleague responsible for building the online training environment helped me improve my communication skills and align my visual design with their UX designs.

Lastly, through extensive practice, I was able to deepen my expertise in Adobe Illustrator and improve my design skills, resulting in increased work speed and efficiency