Hugi

Hugi

Product Engineer in Reykjavík, Iceland

About

Hi! My name is Hugi. I make user interfaces.

Work Experience

2020 — Now
Reykjavík

Avo helps teams ship faster without compromising data quality. Coming out of the YC winter batch of 2019 Avo is used by companies like Adobe, Ikea and Sotheby’s. In my role I work with the tight-knit, remote-first team to take ideas to delivery, making the complex world of analytics intuitive.

2017 — 2020
Reykjavík

Kolibri helps companies materialise their vision with value-driven product teams. At Kolibri I took part in product development in multiple interdisciplinary teams consisting of developers, designers and team coaches using methodologies like Agile development and design thinking.

2016 — 2017
Reykjavík

Takumi is an influencer marketing platform connecting Instagram users and advertisers. I worked with closely with the co-founder and product owner as well as the small development team on designing and implementing Takumi’s three products, the mobile app, a public facing marketing website and an internal and client facing interface.

2014 — 2015
UI Design & UX Dev at Plain Vanilla Games
Reykjavík

Funded by Sequoia Capital, Plain Vanilla Games' QuizUp became the fastest game ever to reach 1M downloads. I had the opportunity to contribute to the design and be part of the team that implemented a fully featured web version of the trivia app. In 2015, QuizUp.com was recognized as the Best Web App at the Icelandic Web Awards.

Projects

2024

When I joined Avo, I began noticing that the existing brand didn’t fully reflect the product’s innovative and user-focused nature. I encouraged a refresh, and after a few initial attempts, we successfully collaborated with Bakken & Bæck in 2023 to develop a cohesive new identity. This included a logo, visual language, design system, and a redesigned website. Earlier this year, we made a focused effort to bring the new brand to life across all touchpoints, including the updated website.

As we prepared to launch the redesigned site, making countless tweaks, I felt that while it looked great, it lacked some of the fluidity and dynamism I associated with Avo. I went out of my way to experiment with an animated navigation bar transition to address this. The animation allowed the fixed header to compact smoothly as the user scrolled, opening up more space for content and giving the site a touch of interactivity and motion.

For simplicity and performance, I chose a CSS transition with a custom bezier timing curve instead of a more complex animation library. This ensured smooth performance, even under load. After experimenting with timing values, I found one that mimicked the natural feel of a well-damped spring, adding a polished touch to the interaction.

Though this change was relatively small and simple to implement, I believe it made a noticeable difference in enhancing the user experience and elevated the quality bar for the Avo product team. The animation brought a sense of motion to the website that complemented the new brand and helped create a more engaging first impression for visitors.

2023

Avo serves three key user personas: Data Analysts, who ensure data quality; Product Managers, who implement tracking to measure the success of their work; and Developers, who integrate those tracking changes. However, in discussions with major customers like Sotheby’s and Fender, we identified a significant disconnect. Data designers often lacked visibility into how their changes would affect downstream implementation, which left developers overwhelmed with an unbalanced workload when integrating updates.

To address this, I pitched and led the development of the Code Changes project, designed to bridge this gap. Within three weeks, my team and I launched a new “Code Changes” screen, which became a crucial starting point for developers managing implementation updates. The screen provided per-event implementation insights, organized by data source—aligning with how developers typically segment their work. It also featured a "diff" view of tracking changes in a familiar "git-style" format, offering developers a seamless experience. Additionally, we integrated implementation snippets directly into event details, giving data designers early visibility into the complexity of their modifications.

This feature not only improved collaboration between data designers and developers but also elevated the overall functionality of both the tracking plan design and Codegen tools. By enhancing the user experience, we were able to attract high-profile customers such as Adobe, Wolt, and IKEA. The success of this initiative also set a new standard at Avo for how we approached development: by starting with clearly scoped user journeys, incorporating early feedback via feature flags, and iterating based on those insights.

2021

Avo’s opinionated tracking plan was designed to help users quickly establish a well-defined framework for data tracking. While this approach worked well for onboarding new users, I discovered through customer interviews that as our clients grew, they needed greater flexibility and control over the plan’s validation rules to meet their unique requirements.

To address this, I conceptualized, designed, and implemented the Tracking Plan Audit Config. This feature allowed users to customize their tracking plan validations in a way that was both powerful and intuitive. Recognizing that this would often be a one-time configuration for many users, I prioritized clarity and usability in every detail. The interface included descriptive copy that clearly explained each configuration option, ensuring users understood the implications of their choices.

To enhance the user experience further, I incorporated real-time feedback through a built-in validation preview. This feature allowed users to see the effects of their changes instantly, providing a sense of transparency and control over their tracking plan configuration.

The success of the Tracking Plan Audit Config laid the foundation for Avo’s Guardrails feature, which became instrumental in closing the company’s largest Enterprise deals at the time. By empowering users with greater customization while maintaining ease of use, this project solidified Avo’s position as a trusted solution for growing organizations with complex data needs.

2019

Kiwi.com, one of the world’s largest travel booking engines, partnered with Kolibri to redesign and improve the onboarding process for its app. The goal was to boost sign-ups and help users better understand the benefits of setting their preferences for more personalized services. As a frontend developer on the project, I contributed to the development of a seamless and engaging user interface.

Previously, the app featured a standard onboarding process with static advertising tiles, repeating information already seen in the App Store. This approach failed to engage users effectively.

Kolibri revamped the onboarding experience by replacing static tiles with dynamic settings, such as currency, home airport, and preferred travel types. The new design incorporated motion elements to guide users through the setup process, offering a smoother, more engaging experience than the previous version. The result was a more intuitive, personalized onboarding flow that improved user engagement and the overall experience.

Read more in Kolibri's case study.

2019

Choosing an electric car is a new experience for most and can be a daunting task. Whether you’re looking for new or pre-owned car, Veldu Rafbíl presents your options in an easy way, highlighting the info that’s most important in this next chapter of automobiles. I built Veldu Rafbíl after I bought a Nissan Leaf EV, my first car, after doing tons of research on the electric car market in Iceland in an excel sheet and friends and family started asking about access to it.

2019

Yuzu needed a website for their debut restaurant. Working in close collaboration with designer Júlía Runólfsdóttir I built a website focused on delivering information to the user. Content coming from Prismic CMS allows the chef and owners to easily update the copy and menu on their evolving restaurant.

2018

The City of Reykjavík and Kolibri led a transformative digitalization of public services, beginning with a web-based application for financial assistance. As the lead frontend developer on this project, I played a key role in designing and implementing a user-friendly interface that modernized application processing. The initiative reduced waiting times by 90%, won the Icelandic Web Awards, and established a new standard for collaborative digital service projects in Iceland.

The application introduced a seamless and stress-free process for users, allowing them to apply using digital credentials without the need for in-person visits. Applicants now receive clear updates on their eligibility and application status, significantly improving the user experience. On the administrative side, a back-office solution was developed to simplify processing and communication, reducing manual tasks and increasing efficiency. This system has since been adopted and adapted by over ten municipalities across Iceland.

The outcome of these changes was profound. By eliminating time-consuming tasks like printing, scanning, and repeated explanations, staff could focus their efforts on enhancing welfare services. Rather than reducing jobs, the time saved was reinvested in supporting applicants to achieve financial independence more quickly.

Read more in Kolibri's case study.

2017

TM has been at the forefront of digital transformation in Iceland’s insurance industry, offering quick service, clear communication, and transparent pricing. Partnering with Kolibri, the company achieved continuous innovation, driving increased sales, improved services, and winning awards.

When I first joined Kolibri as a frontend engineer, my first project was as part of the founding team for ideating and delivering the TM mobile app for iOS and Android. Using design sprints, user testing, and professional UX writing we ended up automating the insurance claims process, resolving claims in just 60 seconds. This innovation reduced both customer effort and the time staff spend processing claims.

Following that we tackled web sales where our Kolibri team helped TM develop a digital virtual advisor, simplifying the insurance purchasing process and making it more transparent. We created a fully automated sales process that guides users through identifying their needs, making offers, and finalizing contracts, a first the Icelands insurance industry.

Read more in Kolibri's case study.

2014

Blær is an independent publication on the web with 13 issues to date – and counting. As the only developer I worked closely with the core team and designer to select the tech stack and build out the first version. From there on we iterated on the product with new features and layouts and onboarded new journalists and photographers to the CMS. Blær has received multiple awards from FÍT and the Icelandic Web Awards.

2013

After trying the Icelandic made vegan sausages for the first time and wanting to buy some more I noticed that they didn’t list sellers anywhere on the web. I contacted their founder and together we designed their new responsive website that I implemented using Wordpress. The seller’s list is up to date to this day.

Contact

Email