Bringing Ideas to Life with UI Design: StuckOn’s Website

We spoke with programmer Andreas, who recently completed Technigo’s UI Design course, about his journey in creating a new website for his music association, StuckOn. He progressed from brainstorming ideas to using Figma, and finally coding his vision into reality 💪. Here’s a closer look at his experience from start to finish.

UI Design Foundations and Practical Learning with Technigo

Technigo’s UI course gave me a great foundation in UI design. From the very first lesson, we dove into practical work and started using Figma – a tool I was already familiar with and really enjoy. The course walked us through the entire design process, from simple paper sketches and low-fi wireframes to building a full style guide with color and font choices, as well as a design system. I learned a lot about how design and structure are interconnected, and how important it is to be consistent with spacing, sizing, and other design details.

The Joy and Challenges of UI Design

The most enjoyable part of the course was the project format. I loved going from an idea and basic low-fi wireframes to a complete high-fidelity design. Even though translating the design into code wasn’t part of the course, I decided to take it a step further and use what I’d learned in Technigo’s Web Development course to actually code the website. It was exciting to see how much logic and structure go into UI design. I realized that many concepts in Figma – like components, variables, and auto-layout – mirror development principles like flexbox and grid.

"The biggest challenge was that there is so much to learn in UI design."

The biggest challenge was that there is so much to learn in UI design. Trying to grasp everything at once can feel overwhelming. My challenge was prioritizing what was most relevant to my project and focusing on that. The rest can be explored in more depth when needed.

The StuckOn Project: Designing for a Local Music Association

StuckOn is a music association in Östersund that I’m involved with. We organize concerts with everything from small local bands to larger international acts. I’ve always been responsible for the graphic design, creating logos, posters, and other print materials. Before the course, I’d thought about building a website for us, and the course provided the perfect opportunity to design one. Since I already had logos and some photos, I had material to work with. Apart from keeping the logo, I created a new graphic profile with updated colors and fonts, which are now used in posters and social media.

Advice for Future Students: Start with Something Real

If you’re thinking of taking the course, my advice is to see it as a starting point to learn the basics of UI design and Figma. I really appreciated the hands-on, practical nature of Technigo’s courses. One tip I would give is to think of a project you want to build that feels "real" to you. It could be redesigning your own website, a friend’s, or creating something for an association or a business. For me, working on something that would actually be used in real life made the whole experience much more motivating and rewarding.

Curious about UI design too? Check out the UI design course here.