Pen to Pixel: User Experience Design for Developers

Introduction to UX Design

Welcome to our online open workshop on UX design! In this workshop, we will cover the basics of UX design, including how to create wireframes and mockups, and then we will dive into the process of converting design to code. Whether you are a beginner or have some experience in design, this workshop will provide you with valuable insights and practical skills to enhance your UX design abilities.

Understanding UX Design

Before we delve into the technical aspects of UX design, it is important to understand what UX design is and why it is crucial in creating successful digital products. UX design, or User Experience design, focuses on creating products that are user-friendly, intuitive, and enjoyable to use. It involves understanding the needs and expectations of users and designing interfaces that meet those requirements.

During this workshop, we will explore the principles of UX design, such as user research, information architecture, and interaction design. By understanding these principles, you will be able to create designs that not only look visually appealing but also provide a seamless user experience.

Creating Wireframes and Mockups

Wireframes and mockups are essential tools in the UX design process. They allow designers to visualize the layout and structure of a digital product before moving on to the actual design phase. In this workshop, we will teach you how to create wireframes and mockups using popular design tools such as Sketch, Figma, or Adobe XD.

By learning how to create wireframes, you will be able to map out the different components and functionalities of a digital product. Mockups, on the other hand, will help you visualize the final look and feel of the design. We will provide you with practical exercises and examples to enhance your skills in creating wireframes and mockups.

Converting Design to Code

Once you have created your design using wireframes and mockups, the next step is to convert it into code. This is where the technical aspect of UX design comes into play. In this workshop, we will guide you through the process of translating your design into React or Flutter.

We will cover topics such as responsive design, accessibility, and best practices for coding a user-friendly interface. By the end of this workshop, you will have a solid understanding of how to convert your design into code and create a functional and visually appealing website or application.

Conclusion

UX design is a critical component of creating successful digital products. By understanding the principles of UX design, learning how to create wireframes and mockups, and mastering the process of converting design to code, you will be equipped with the necessary skills to create user-friendly and visually appealing interfaces.

Join our online open workshop on UX design and take your design skills to the next level. Whether you are a beginner or have some experience in design, this workshop will provide you with valuable insights and practical skills to enhance your UX design abilities. Don't miss out on this opportunity to learn and connect with fellow designers. Sign up now!

Content of the Workshop

UX Design: From Sketches to Code

This workshop dives into the exciting world of UX design, equipping you with the skills to transform your app ideas into reality. Get ready to:

• Master the Basics: Learn core UX design principles to create user-friendly interfaces that prioritize user needs.

• Wireframe & Mockup Magic: Craft low-fidelity wireframes and high-fidelity mockups to visualize your app's layout and functionality.

• Design for Developers: Discover how to export your designs into clear specifications (think: a blueprint!) that developers can understand and translate into functional code.

• Bridge the Gap: Gain insights into the developer workflow, fostering seamless collaboration between design and development teams.

By the end of this workshop, you'll be well on your way to taking your app ideas from sketches to stunning, user-friendly interfaces, ready to come to life through code!

Ali Naghiyev

User Experience Designer

Ali Naghiyev is currently pursuing a bachelor's degree at Vistula University in Warsaw, Poland. Has been part of several projects as a UX Designer, 3D Artist, Animator, and Game Designer. Worked as a UI trainer in an education center in Baku. He has achieved certificates from different education programs of Google, Udemy, and Viveka. As a co-founder at Walceselry, he is developing a startup called "Viplex".

Said Naghiyev

DevOps Engineer

Said Naghiyev is majoring in Computer Science and Engineering faculty at Riga Technical University in Riga, Latvia. Throughout his career, he developed many applications and games. Currently working as a DevOps Engineer at Swisscom.

Meet the Facilitators

Tural Nağıyev

MDB məkanı üzrə direktor / Director for the CIS region

Nagiyev Tural was born in 1978 in Azerbaijan. He studied at Baku State University in bachelor's and master's degrees. For a long time, he worked in various positions as a trainer, consultant, project manager in the education sector. He was the coach of the National Mathematical Olympiad team. Provides training on Data Analytics in MBA and BBA programs of the university.