Selected Works from my 15+ Years in Digital Design
Mini Case Studies & Showcase

Turning everyday insights into memorable design solutions.
Over my 18-year digital design career, I've crafted solutions that transform unique insights into engaging user experiences. While my heart lies in digital product design (UX/UI), my role often expands to include graphic design, branding, and creative communication.
This collection showcases select projects where unexpected observations led to innovative solutions—from using coffee preferences as a recruitment tool to making complex sustainability data accessible. Each project demonstrates how thoughtful design can bridge user needs with business goals across various industries.
Transforming coffee counts into user flows.
- From serious website to playful recruitment tool -
Client: BCA Ltd.
URL: https://bca.hu
My roles: UX-, UI design, project management
The Challenge BCA, a prominent Hungarian IT consultancy with nearly 100 employees, was undergoing an employer branding transformation and needed their website to reflect this change. After completing brand workshops, they identified the need for a recruitment-focused platform that would showcase their company culture. Two unsuccessful attempts with other agencies had already heightened the stakes, and their in-house UX expertise meant expectations were particularly high.
Discovery Stepping into their office immediately revealed what their previous websites had missed. The space radiated energy—modern, airy, filled with creative wall art and anchored by their own café. After extensive discussions and reviewing available materials, including their in-house UX team's wireframe drafts, I knew I could help translate their vibrant culture into an effective digital experience.
The Coffee Solution One of our biggest challenges was presenting their nearly 100 employees on the website without creating an endless scroll of faces. During our discussions, I learned about the team's passion for coffee—they even tracked their annual consumption. This insight sparked an innovative solution: an employee search tool that grouped team members by their coffee preferences, complemented by a traditional alphabetical search option.

The employee search tool on the 'Our team' page.
Design & Development The project required: (1) creating a comprehensive style guide inspired by their office environment, (2) developing an intuitive content management system, (3) ensuring responsive design across all devices, (4) building custom features without relying on pre-built solutions. Despite facing unexpected challenges, including the departure of my co-founder and development team lead, we maintained momentum by quickly assembling a new dedicated team.
Impact The resulting website successfully captures BCA's dynamic culture while serving as an effective recruitment tool. The innovative employee showcase feature, particularly the coffee-preference filter, demonstrates how understanding company culture can inspire unique UX solutions. Launched in 2017, the site continues to serve its purpose effectively.
This project reinforced that sometimes the most engaging solutions come from unexpected places—like a shared love of coffee.
The Home page of the BCA website

Making Climate Research Accessible: The Lake Chad Region Report
- Transforming a 100-page analysis into an engaging digital experience -
Client: adelphi & BEE Environmental Communication
URL: https://shoring-up-stability.org/
My roles: UX-, UI design
The Context adelphi, a leading independent think tank and public policy consultancy, specialises in climate, environment, and development research. With over 200 staff members worldwide, they focus on improving global governance through research, dialogue, and policy advising.
The Project After conducting a two-year analysis of the Lake Chad region, adelphi produced a comprehensive 100-page report: "Shoring Up Stability: Addressing Climate & Fragility Risks in the Lake Chad Region." I joined Bee Communication's team to design the UX/UI for the report's digital platform, translating extensive research into an accessible online experience.

The Challenge Creating the digital version of this comprehensive report presented multiple key challenges. We needed to effectively present both the complete report and its essential findings while maintaining strict consistency with the print version's design guidelines. The visual presentation required careful consideration—we needed imagery that would reflect both the serious nature of the region's challenges and the vibrancy of its cultural heritage. A crucial aspect was ensuring an engaging reading experience across all devices, from desktop to mobile. Perhaps most challenging was striking the perfect balance between maintaining academic rigor and creating an accessible user experience for a broader audience.
Design Approach I conducted a detailed analysis of the print report, carefully documenting its visual language—from typography and colour schemes to unique graphical elements. The report featured beautiful artistic illustrations of African culture, which I incorporated into the website design to maintain visual continuity while enhancing the digital experience. This meticulous attention to visual details ensured the website felt like a natural extension of the print publication.
Working within these established brand guidelines, we created a digital platform that made complex climate research accessible without compromising its academic integrity.
The high-fidelity design of the Home page of the Shoring up Stability report website
(desktop, tablet and smartphone screens)

High-fidelity design of the Key Findings page of the Shoring up Stability Report website on three device screens

Navigation styles and UI style guide


More about the report “Lake Chad is caught in a conflict trap. Violence between armed opposition groups – including the so-called ‘Islamic State West Africa Province’ and ‘Boko Haram’ – and state security forces has left 10.7 million people in need of humanitarian assistance. Climate change is compounding these challenges. This report identifies key risks and proposes pragmatic solutions to shore up stability in the region.
[ … ]
This report is the first of its kind on the Lake Chad region and a pioneer among climate-fragility risk assessments globally. It is the product of an intensive two-year period of research across all four countries. The assessment draws on long-term hydrological data from the Lake Chad basin, including ground measurements as well as brand new analysis of 20 years of satellite observations. It also builds on more than 200 interviews with community members, including past and present members of armed opposition groups, experts and officials, and an extensive review of the literature on Lake Chad. It aims to present a balanced, fact-driven conflict and climate risk assessment of the Lake Chad region that identifies key risks and proposes pragmatic solutions.”
Source: adelphi
Visualizing Global Sustainability Data
- The SDG INDICATOR PORTAL -
Client: International Institute for Sustainable Development (IISD) & BEE Environmental Communication
URL: https://sustainable-development-goals.iisd.org/country-data
My roles: UX-, UI design
The Context The International Institute for Sustainable Development (IISD) promotes human development and environmental sustainability through research and partnerships. Their SDG Knowledge Hub serves as an online resource center for the United Nations' 2030 Agenda for Sustainable Development, including all 17 Sustainable Development Goals (SDGs). This project marked my first encounter with the SDGs—a framework that would later become central to several of my most impactful projects.
The Challenge IISD needed to visualise an unbelievably massive and constantly growing dataset of 244 SDG indicators in an accessible, searchable format that would work across all devices. Users needed to easily navigate between different views—from global overviews to country-specific data to local city metrics. They approached BEE Environmental Communication to create this tool, and I joined the team initially as UX designer. The particular challenge lay in making large data tables and complex visualisations accessible on mobile devices without losing crucial information.
The Project Evolution What began as a UX-focused role expanded significantly throughout the project. Initially, I created the website's structure and developed solutions for displaying challenging data tables on mobile devices. While the structure appeared straightforward, the sheer volume of data and complex diagrams required careful consideration. We went through at least three rounds of low-fidelity wireframe iterations before finding the right balance between data presentation and user experience. While working alongside a brilliant graphic designer who, despite his talent, had no web design experience, I found myself taking on additional responsibilities. When he opted to focus solely on desktop designs, I adapted his work for proper web measurements and Bootstrap CSS implementation. I then created all tablet and mobile interface designs, managed the development process, and ensured precise design implementation through detailed code reviews.
The Solution We developed an intuitive portal—the first of its kind—offering unique visualisations of how countries report on SDG indicators. As the platform needed to integrate seamlessly with IISD's existing website, we adhered strictly to their design and branding guidelines. The visual system, crafted by our graphic designer, cleverly used nested squares—larger ones representing SDG goals (following UN's square format for goals) containing smaller squares for individual indicators. This system used plus and minus symbols to show reported versus unreported indicators, while empty, half-full, and full squares indicated a country's progress toward specific goals.

Global Reporting Overview
Our square-based visualisation system in action, using varying fill levels to show the percentage of countries reporting on indicators for each SDG goal.

A country's Reporting Status
Plus and minus squares indicate which SDG indicators a country (here: Belgium) has and hasn't reported on, creating an at-a-glance overview of their progress.
The platform provides a bottom-up view of national indicator reporting, based on data compiled from countries' voluntary reports to the UN High-Level Political Forum. Through multiple navigation paths and an interactive dropdown system, users can explore indicator popularity across all 17 SDGs and compare reporting rates between countries. The platform allows users to drill down from global overviews to country-specific data, and even to city-level metrics for Canadian regions, demonstrating how local-level actions contribute to national SDG progress. For mobile users, we implemented a landscape-mode prompt, ensuring all data remained accessible regardless of device size. This careful attention to user experience made complex sustainability data accessible to researchers and policy makers worldwide.
Impact The portal has been well-received by professionals working in sustainable development, providing them with a powerful tool for accessing and analysing SDG indicator data across different contexts and devices.
Detailed View: Country and Goal Selection
A demonstration of the portal's filtering capability, showing one country's (here: Belgium's) reporting status for Goal 1 indicators. The mobile view includes a prompt at the bottom, suggesting landscape orientation for optimal table viewing. Screens from left to right: desktop view, mobile portrait view and mobile landscape view with the open table.

Wine Catalogue Portal
- Bringing Hungary's best wines online -
Client: Hungarian Ministry of Agriculture
My roles: UX-, UI design, Project Management
Project Overview In 2018, the Hungarian Ministry of Agriculture approached me with an exciting challenge: to bring their prestigious National Wine Excellence catalogues online. Until then, these catalogues existed only in print, serving as a comprehensive guide to Hungary’s best wines. My task was to transform them into a dynamic, user-friendly digital platform while maintaining the integrity and quality of the printed editions.
Understanding the Challenge Each year since 2012, winemakers across Hungary submit their wines in categories such as red, rosé, white, and sparkling wine to compete for the prestigious titles of Wines of Excellence and Top Wines of Excellence. Those that meet high-quality standards but don’t make it to the top three still earn a place in an annually published catalogue. These catalogues were extensive, some reaching 400-500 pages, and included:
-
Detailed profiles of wine regions
-
Information about wineries and their awarded wines
-
Insights into Hungary’s unique grape varieties (e.g., Furmint, Bikavér, etc)

The catalogues of 2017/2018 of the National Wine Excellence program.
The Ministry wanted to digitise this treasure trove of information and create a centralised online platform where:
-
Visitors could search and explore wines, wine regions, and competition results.
-
Winemakers could create profiles, upload their wines, and manage information.
-
The Ministry could handle competition applications and maintain the database.
Step 1 - A Quick Landing Page Since a full-fledged portal required time to design, develop, and populate with historical data, we first launched a minimalist landing page. This one-page site provided key details about the competition and downloadable application forms for winemakers. While not a cutting-edge solution, it served as an interim fix to streamline the application process.
The design of the landing page the Ministry of Agriculture used to collect applications from winemakers in 2018 for the National Wine Excellence competition.

Step 2 - Designing the Ultimate Wine Platform To create a visually compelling and cohesive experience, I integrated elements from the existing print catalogues into the digital design. The hero and header sections of the portal and the simple landing page featured the cover of the white wine catalogue, chosen for its light and elegant colour palette, ensuring an inviting and refined first impression. Conversely, the footer design drew inspiration from the red wine catalogue, using its deep, rich tones to create a strong and grounded visual balance across the two sites. The real challenge was designing an intuitive, efficient online wine catalogue. The primary focus? Making search easy and precise. To achieve this, I implemented multiple search functionalities:
-
Global search in the main navigation bar
-
Hero banner search icon on the right side opening a detailed search panel
-
Comprehensive search section directly on the homepage
-
Region-based navigation for users to explore wines by production area
The detailed search engine allowed users to filter results based on:
-
Wine type (red, white, rosé, sparkling)
-
Wine region and subregion
-
Winery name
-
Grape variety
-
Vintage year
-
Price category
-
Taste profile (light, full-bodied, fruity, spicy, complex)
-
Aging potential
-
Sugar content
-
Purchase locations
-
Awards and rankings
To maintain consistency with the printed catalogues, visual icons were used to display key wine attributes, making information easily digestible and engaging.
Balancing Design & Functionality With thousands of wines and 6 years of data to incorporate, I worked closely with developers to ensure the platform was both technically feasible and visually appealing within budget constraints. Wireframes were carefully crafted and reviewed with the Ministry to align expectations. Once the wireframes were approved, I moved on to the final UI design for desktop, tablet, and mobile screens, ensuring a seamless experience across devices.

The wine portal’s design closely mirrors the familiar catalogue style, with the header drawing from the white wine catalogue’s light tones and the footer reflecting the red wine catalogue’s darker hues, reinforcing its connection to the printed editions:


The comprehensive search tool is located on the homepage beneath the hero banner and news section, offering visitors highly refined search options. It can be accessed via the main navigation, this dedicated section, or the fixed search icon on the right-hand side, which remains visible constantly and while scrolling.

The search and legends panel, accessed via the fixed scrolling buttons on the right-hand side, provides essential navigation tools. The legends are crucial, as the website uses custom symbols from the print catalogues to simplify and visually organize the extensive data.


Visitors can begin their search by exploring wine regions and subregions. The portal provides in-depth content on each area, including its wines, cultivated grape varieties, climate, soil type, and other fascinating agricultural, cultural, and historical insights, offering a comprehensive look at the region’s offerings.

A hero sections of a subregion info page, showcasing a stunning regional photo along with key climate data—average yearly precipitation, sunshine hours, and temperature—essential factors influencing wine quality.

An example of how each wine is showcased to visitors, providing all essential details—from characteristics, vintage year, and price range to flavor profile, description, and availability.
The Unexpected Halt Just as the project was ready for developer hand-off, a political shift within the Ministry put everything on hold. The team responsible for the wine portal was dismissed, and all progress stalled indefinitely. Unfortunately, despite completing my work, I was never compensated, and the platform never reached the public.
Final Thoughts Although the project was never launched, I take pride in the thoughtful design, problem-solving, and user experience strategies that went into it. It was a complex challenge—transforming years of print-based data into a dynamic, user-friendly online platform—and I still consider it a valuable case study in digital transformation, search usability, and large-scale content organization.
From Pipes to Pixels: Refreshing Industrial Communication
- Creating seamless brand experience -
Client: Agriapipe
My roles: UX-, UI design, branding, graphic design, project management
The Context Agriapipe, a renown market player in trenchless pipeline renovation in Hungary and Eastern Europe, needed to update their digital presence to reflect their decade of expertise and growing emphasis on environmental sustainability. The project encompassed not just a website redesign, but a complete brand refresh including logo design and marketing materials.
The Challenge We needed to transform complex technical information into an accessible format while highlighting the company's environmental commitment. The website required an intuitive way to guide visitors through numerous pipe renovation technologies without overwhelming them. Additionally, the extensive menu structure (at least 4 layers under the Solutions menu) needed to remain manageable while accommodating multiple layers of technical content.
The Solution We created a comprehensive brand identity that unified Agriapipe's technical expertise with their environmental values. The logo design features two intertwining curves—a green host pipe and blue liner—symbolising both their renovation process and commitment to water and environmental preservation.
The website's centerpiece became an innovative technology search tool that transforms complex initial decision-making into a simple process. Users input specific pipe parameters—from medium type through pipe material to circumference—and receive tailored technology recommendations, eliminating the need to manually sort through options. For unique cases, the system intelligently prompts direct consultation.

The technology search tool right under the hero banner. Depending on what the user selects, the next options to choose change accordingly. The tool provides a quick and easy search for possible trenchless pipe rehabilitation solutions offered by the company.

Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.

The Home page and a technology subpage design with a sticky side menu bar to help navigation.
Energy News: The NRG Report News Portal
- Designing credibility -
Client: NRG Report
My roles: UX-, UI design, branding, graphic design
The Context NRG Report has grown to become one of Hungary's leading energy sector news portals. As UI designer, I helped the founding team shape this specialised media platform from the ground up, focusing on creating a digital space that would serve as the industry's trusted information source.
The Challenge Our mission was to design a news portal that would establish immediate credibility in the energy sector. We needed to balance professional gravitas with digital accessibility, creating an interface that would: (1) convey authority and reliability through design, (2) maintain the familiar feel of traditional journalism, (3) present complex industry information clearly, (4) ensure seamless access across all devices.
The Design Approach
The visual identity centered on establishing trust through design. For the logo, I selected and modified a serif typeface, enhancing its stems to convey stability and authority while maintaining enough dynamism for digital media. The custom-designed 'NR' symbol serves dual purposes—integrated naturally within the logotype while functioning as a standalone brand identifier for watermarks and signatures. To enhance navigation and content recognition, I implemented a consistent colour-coding system throughout the website, assigning specific colours to different energy sector topics. This visual system helps users quickly identify and track content categories across the platform.
The portal's interface design prioritizes simplicity and elegance while evoking traditional newspaper aesthetics. This careful balance helps users feel at home with familiar news consumption patterns while benefiting from modern digital accessibility.
Impact The design successfully established NRG Report as a credible, independent voice in energy sector news. The portal's clean, professional aesthetic supports its mission of delivering objective, reliable information, while its responsive design ensures this vital industry news reaches readers on any device.

A summary of the web guidelines for the developers

Mobile menu with search bar on top

Design of an subpage with an article on desktop, tablet and mobile screens.

From Print Travel Catalogue to Web
- Creating seamless holiday planning across platforms -
Client: BudaGuide Travel
My roles: UX-, UI design, graphic design, desktop publishing
The Context A travel agency specialising in Croatian, Montenegrin, Slovenian, and Serbian destinations needed to transform their print-only business into a digital experience. The challenge was to create an online platform that would complement their existing catalog while expanding their reach and automating bookings.
The Challenge We needed to translate an extensive print catalog into an intuitive digital platform that would serve multiple purposes. The platform needed to make complex travel information easily searchable while enabling direct holiday booking. It had to maintain brand consistency across both digital and print mediums, support various categorisation methods, and function seamlessly across all devices. Additionally, the system required efficient content management capabilities to support the agency's operations.
The Solution We created a comprehensive travel platform that balances functionality with vacation-inspiring design. The interface uses sky blue tones and sandy beach pattern as background and beach imagery to evoke holiday feelings, while carefully selected icon fonts maintain visual clarity throughout the extensive hotel and apartment listings.
The search-centric homepage immediately engages users with multiple pathways to discover destinations—from detailed search parameters to browsing by region, beach type, or holiday style. The result pages offer sophisticated filtering options while maintaining simplicity, and individual property pages provide comprehensive information with integrated pricing calculators.
To support the agency's operations, we developed a robust content management system enabling quick updates, bulk uploads, and booking management. The system also facilitates XML data exchange for seamless offer management.
Design System Working closely with my lead developer colleague, we established a cohesive information architecture and icon system that works across both digital and print platforms. The visual language evokes sunny beaches and clear skies while maintaining professional clarity, creating a consistent brand experience whether users are browsing the website or flipping through the printed catalog.
Impact The platform successfully bridges traditional and digital travel booking, enabling the agency to reach new audiences while maintaining their established customer base. The integrated approach to print and digital design ensures a consistent brand experience across all touchpoints.
The Home page of the Adriamester website.

An example for listing the search results. Site visitors can further refine their search with the help of the filter on the left hand-side.

On the individual hotel or apartment page the site visitors can check all the necessary informaton about the hotel, the location, the rooms and other characteristics. They can check photos and restart their search instantly with the search bar under the main navigation. On the right hand-side visitors can calculate the price of a particular holiday at the hotel of their choice, check the full price table or if everything is fine send their booking request to the agency.

Making Eyewear Cool for School
- The little monster campaign -
Client: Hoya, Opticnet
My roles: graphic design, creative concept development, desktop publishing
The Context As the school year approached, Hoya partnered with Converse to launch a campaign showing children that wearing glasses can be cool with the right frames. Hoya ran the campaign in Hungary through its umbrella organisation—Opticnet, which was established to help small independent opticians. The campaign needed to resonate with school-aged children who might feel self-conscious about wearing glasses.
The Challenge We needed to create a campaign that would transform the perception of eyewear from a potential source of mockery to a fashion statement among school children. The approach had to appeal to a wide age range of students while promoting Converse's eyewear collection in an authentic way.
The Creative Solution Working with copywriter Gyula Tóth, we developed a concept centered around an adorable "cute monster" character who embodied the playful energy of school children. This mascot served as the perfect ambassador for the message that wearing glasses could enhance rather than detract from a child's individuality.
The path to creating our mascot took an unexpected turn when a contracted illustrator delivered files the night before our deadline and promptly departed for a skiing trip. While she had indeed created a monster, it was far from the friendly, relatable character we had envisioned—and as she delivered so late, there was no room for modifications. Faced with this crisis, I cleared my head with a long walk and after a big mug of coffee I picked up my pencil. Though I had never undertaken character design professionally, I spent the entire night drawing, digitalizing, and finalizing my own version of the monster in Adobe Illustrator. By sunrise, I had created a character that not only saved the project but was actually better aligned with our vision.
What made this campaign unique from my perspective was my decision to use my own handwriting for the text elements. After struggling to find a font that would both match our creative vision and support Hungarian characters, I created hand-lettered text that gave the materials a distinctive, authentic feel. This personal touch resonated strongly with the audience, so much that after the campaign launched, I received inquiries from people wanting to purchase my "font family."
Originally the monster was wearing a pair of Converse glasses in all graphics, but the client decided to remove them from the mascot in the end.
The campaign headline featured a clever wordplay in Hungarian that translated roughly to "A monsterous good offer for school!"—a pun that worked perfectly with our character while conveying that the offer was exceptionally good. This linguistic connection between copy and visuals strengthened the campaign's cohesiveness and appeal.
The crisis turned into an opportunity that expanded my professional boundaries. Since then, I've selectively accepted character design projects, discovering a new creative capability under the most pressing circumstances.
Deliverables The campaign included a comprehensive set of materials including B1 posters for optical shops, flyers for distribution, and window stickers. Each element featured our little monster character and my distinctive handwriting, creating a cohesive and memorable campaign that stood out in the competitive back-to-school market.
Impact The cute monster and the hand-lettered approach not only solved a practical design challenge but unexpectedly became a talking point of the campaign itself. The personal, authentic style resonated with both children and parents, reinforcing the campaign's message about embracing individuality
The project's success led to a long-term relationship with Hoya, who were so impressed with our work that they commissioned me and copywriter friend Gyula to create additional poster campaigns and marketing materials for their subsequent promotions.
The final B1 poster ultimately ended up as a decoration on the CEO's office wall, serving as a pleasant reminder of the successful campaign.

LA4 size flyers with 2 sides.

The cute monster and two post-it-like stickers for shop window deco

