Giving life to design through coding: skills designers must acquire

July 27, 2020 4 min read

On July 22, 2020, Innovecs hosted the online talk, “Why bother? Coding for designers”, dedicated to the importance of foundational coding skills for artists.

Playwork’s Art Director, Giacomo Maragliulo, and Manager of Creative Operations, Emmanuel Bergman, uncovered the main reasons designers have to learn to code and how it can help create better visuals.

Produced by the InnoHub platform & multimedia studio, this online conversation embraced a large audience and helped shed light on the value of coding knowledge in design. Like all our previous InnoHub events, this one was also aimed to share knowledge and help develop professionally. Keep track of all our events on the official InnoHub page.

Now, let’s outline the key points of the conversation below.

Making Design Respond to User Behavior and Environment

Design responsiveness and adaptability is one of the reasons designers have to dig deeper into the coding world. If you create a design that suits only, let’s say, portrait orientation and a particular device screen size, it will not look well on other devices in the landscape orientation. This is where responsiveness comes into the game.

We need to know how to react responsively with just one design in HTML and CSS. If you create a design for a portrait, it will not suit landscape orientation.
Emmanuel Bergman,
Manager of Creative Operations at Playworks

While developers think about optimizing or editing the code to make the look responsive to different environments and behaviors, designers can create an adaptive design to suit other sizes and orientations quicker, and the time of the developers will not be wasted.

I think one of the most exciting things in learning autocodes is bringing your creation to life in a new medium that is accessible and engageable by millions instantly. So, to be able to come up with the idea to design it, to build it, and to eventually go live. I think this is the reason to learn. It gives us an opportunity to create interactive experiences and generate visuals that respond to user inputs by combining code and design aesthetic at the same time.
Giacomo Maragliulo,
Playwork’s Art Director

According to the experience gained at Playworks, designers have to look at what they do through the developers’ lens. Learning front-end skills helps discover fresh approaches, develop new ways of thinking, and consider design more objectively.

Shifting Focus From Static to Interactive Design

To increase user engagement, designers have to learn how to make their visuals interactive by adding more animation with various options and conditions. At this point, the knowledge of HTML, CSS, and JavaScript basics is essential.

With the help of CSS, designers can turn static HTML visuals into smooth animations that are very light in terms of weight, meaning the overall performance will not suffer. CSS is an excellent tool for generating beautiful 60fps animations, which can be enriched with levels of different complexity by using JavaScript logic.

We have a lot of behaviors and user experiences; we usually make templates. In these templates, we save the parts of code, and we shape the template layouts to the design we want to achieve.
Emmanuel Bergman,
Manager of Creative Operations at Playworks

However, both experts from Playworks stated that it was not necessary to know how to code, it was important to understand what the lines of code meant and how it could be realized in future designs.

Combining Design and Code for Better User Experience

In a perfect world, there should be cohesion between the development and design teams to achieve expected results. Mutual contribution to the project helps create better user experiences, as both designers and developers apply approaches they think can improve the product.

Even if designers can’t write lines of code to enhance UX, they should be familiar with the main principles of CSS and JavaScript to understand the overall logic and, thus, be able to adapt proper designs to match user experiences.

If you do not know how to code per se, you can read it and understand what you are seeing. And there are a lot of variables that you can touch to make sure that your design is exactly how you envisioned it.
Emmanuel Bergman,
Manager of Creative Operations at Playworks

And More Statements

We have outlined the key topics discussed during the online talk. However, there is much more to discover. If you want more details from Playworks experts, watch the full record of the event below.

January 14, 2021
Anastasia Osypova talks on the Employee Journey at Innovecs: from adaptation and motivation to professional development
Modern IT specialists are dynamic and active: they do not play the cards they’ve been dealt — they have goals, keep up with the progress, and are eager to learn new things and develop. This is why it is critical to understand their preferences and endeavors before providing a job offer to be able to motivate the employees in a long-term perspective and encourage productive collaboration. Anastasia Osypova, Head of People, Engagement & Culture at Innovecs, shares how our company motivates employees and helps newcomers adapt. Nastia, what are the responsibilities of the People, Engagement & Culture department at Innovecs? Our department focuses on the end-to-end Employee Journey in the company. Our goal is to retain talents at Innovecs and help them develop professionally. HR partners are always in contact with all employees which helps react quickly to the changes taking place in teams or processes. They also:integrate new employees in the corporate culture while minimizing the stress that can occur during the adaptation time act as change agents when it comes to implementing new processes or reorganizing the current ones help solve conflict situations determine potential areas of risks for business work closely with managers by building and implementing development and motivation programs in their teamsWhat makes Innovecs an ideal workplace? “Be sexy” was our 2020’ motto. We keep creating all opportunities possible to make the company an ideal place for our employees and potential candidates. For example, we regularly hold various workshops, training courses, and webinars on the basis of InnoCamp, our educational platform. We invite famous speakers as well as encourage Innovecs people to participate and share knowledge. WOW-program is another crowd-puller. It includes wow food, wow sport, wow mind, wow fun, and wow health directions. The goal is to care about the health and well-being of each and every at Innovecs. How do you maintain working relationships between employees and managers? This is a never-ending process. We do not have a multi-level hierarchy like the companies with a linear management model do, so communication at Innovecs is always transparent and unconstrained. It is important to synchronize the expectations of the team leaders and their team members. This is why we pay great attention to setting the right goals for employees as well as focus on the feedback culture. Managers hold regular stand-ups, daily meetings, retrospectives to analyze their work results, get feedback from colleagues and teammates. For employees to feel confident and at ease when communicating with managers, we are creating a favorable psychological climate within the teams. HR partners, in response, always keep their eyes on the ball, hold 1:1 meetings with managers and employees. In case they define any communication gaps, they create recommendations and the scenario to solve the problem. How does the company help employees to prevent burnout? According to the emotional burnout model by Matthias Burisch, one of its factors is over-performance (when a person gets engaged in the work more than necessary). To prevent the negative effect, the life-work balance principles must be followed. At Innovecs, we have a flexible working schedule as well as the possibility to work remotely from home. This allows our employees to spend more time with their families and do things they love. Soft skills development is another approach we have in place. This covers time management, communication, creativity, problem-solving, emotional intellect, etc. How do Innovecsers enjoy their life in the company? We have a gym in the office that operates 24/7. People can visit it anytime they want. We have fitness and box coaches, table tennis and football, gaming and VR rooms. All these help relax and refresh minds. SPA-zone with the best massage therapists is the cherry on top. Just make an appointment and relax at the end of the working day or in between the tasks.