Unified design system for MDPI
Eight initiatives, one visual language, built from MDPI’s own science.
Brand/System Designer · 2020–2024
Read My Case Study →
Header: title top left in Black weight; menu at H1 size, transparent, hides on scroll down and returns on scroll up. On mobile the menu sits at the bottom for the thumb.
Pairs (D): product left, visual right, one sentence that links them. Each half opens its own page.

I’m a product designer from Basel. I build calm, functional systems that make complex products clear and easy to trust.
I studied Visual Communication with a focus on typography. After graduating in 2015, I moved to London and worked for the creative agency SPIN and for Victoria Beckham. I had always been drawn to Dutch culture, so I moved on to Amsterdam for four years, working mostly for my own clients. Running my own practice taught me to roll up my sleeves. I like to get into the details myself, and I do my best work in a team.
To me, good design is like a forest. Once you’re in it, everything feels natural: people find their way, and no one notices how much is at work around them. That’s the kind of forest I want to help companies grow.
Away from the screen, you’ll find me hiking, training BJJ, enjoying good food or tracking down good architecture.
Let’s talk, about a project, over a coffee or a game of chess.
About text refined: short paragraphs, one idea each.
Case studies from research to launch, mostly in scientific publishing.
Eight initiatives, one visual language, built from MDPI’s own science.
Brand/System Designer · 2020–2024
Read My Case Study →
Open access books that are easier to find and easier to publish.
Product Designer · 2023–2024
Read My Case Study →
Why satisfied users still left right after login.
Lead UX Research · 2025
Read My Case Study →
Why people walk through Bern’s lower Old Town without stopping.
UX Researcher · 2025
Read My Case Study →
Selected work, most of it from my years as an independent designer in London and Amsterdam.
An identity built from the biennale’s own typeface, from catalogue to museum facade.
Art Director & Graphic Designer · 2018
Tell Me More →Scientific imagery turned into a typographic system on thin riso paper.
Graphic Designer · 2020–2021
Tell Me More →
Identity, book and packaging for a fashion label, down to the woven label.
Identity · Book · Packaging · 2020–2022









Film titles that move between control and vulnerability, like the film.
Art Director · 2022
Tell Me More →Identity and wayfinding for an international craft fair in London.
Designer at SPIN · 2016–2017









Posters introducing the BBC’s own typeface.
Typography · Poster · 2017

Lookbooks and identity for a fashion label, in black, white and red.
Lookbook · Identity · 2019–2022











Identity and website for a fund that supports young fashion designers.
Designer at SPIN · 2016–2017

[MISSING: one sentence about the project]
Editorial · Print · [MISSING: year]



Templates: two-up slider (Shanghai, Collect, Give me your bones), full bleed (Living Matters, BBC), three staggered per slide (Christofori, Songe Creux), footage (MAMA, SFDF). Images with a subpage link to it.
Brand/System Designer · 2020–2024 · Print and digital
A unified design system for MDPI, a scientific publisher with eight research initiatives in 17 locations. What began as a brand identity in print grew into a four-year engagement and one system for print and digital. Today all eight initiatives build on one master template, and new ones start on it from day one.
A design system case study by Gaby Luong, Product Designer in Basel. More work on gabyluong.com

Summary first: a recruiter who reads only this box has the whole story.
MDPI had operated for 25 years without a brand. Each of its eight initiatives had developed its own look. There were no shared UI components, no colour system, no typography hierarchy and no style guide. The brand felt fragmented across print, digital and dozens of publications.
The raw material was a challenge too. MDPI’s main visual asset was scientific imagery, often at very low resolution and unusable at scale.


Joined in 2020 as a freelancer from my practice in Amsterdam, approached by MDPI’s senior leadership, and continued in-house from 2022. Started with the brand identity in print, then moved on to the design system for digital products.
The core team was two people: me and a project sponsor from leadership. Worked closely with Graphic Design (print and video), Marketing, editorial designers, the project owners of each initiative and, later, a newly hired front-end team.





Survey, brand attributes, readability tests, subject map and foundations.
Craft lives here: annotate why this typeface, these colours, this grid.
MDPI’s main visual material was low-resolution scientific imagery, unusable at scale. Instead of working around it, the system uses it as the source of the identity. Rendered as halftone, MDPI’s own research became an abstract visual signature that works the same on a printed cover and in a web component.
Because the identity comes from what MDPI publishes, it feels specific to the company. Every initiative can draw on the same material without diluting the brand. That consistency made one unified design system across all eight initiatives possible.



Raw image → halftone → colour.

Building a design system across teams? Get in touch.
Product Designer · 2023–2024 · 14 months to launch
A publishing platform redesign for MDPI Books, the open access book platform of a scientific publishing house. The redesign made books easier to find and easier to publish. Within six months of launch, traffic tripled and landing-page drop-off fell from 83% to 22%. Books moved from MDPI’s 4th to its 2nd revenue-generating product.
A UX case study by Gaby Luong, Product Designer in Basel. More work on gabyluong.com

Summary first: a recruiter who reads only this box has the whole story.
The Books team had no dedicated design or UX role. The team took on the redesign alongside daily work and expected a visual refresh. The Book Builder, the flow authors use to compile books, was full of bugs and had no tracking. Avoidable support requests took time away from building.
User interviews showed the problem went deeper than visuals:
Baseline: 83% landing-page drop-off · 60.51% site-wide bounce rate · 0.87% conversion rate · 3.38 minutes on site

Product Designer on the project from first research to launch: UX research, the component library, prototyping, stakeholder management and handoff to development.
With no fixed deadline and little spare capacity on the team, I also took on product management at the start: setting the scope, running alignment and keeping the work moving. The wireframe stage had no front-end developers. Two joined for the prototype stage, hired for this redesign.





Book Builder workflow, new and old components, site map and first sketch.
Craft lives here: new vs old components, with a short note on why each changed.
The team asked for a new look. The interviews showed three deeper problems: books were hard to find, people did not know what existed, and the publishing flow did not work. A visual refresh would have made these problems look better without solving them.
The research reframed the work as a publishing platform redesign around structure and flows: how readers find books, and how authors get through the Book Builder. Because the new direction came from the team’s own assumptions, tested with real users, the team supported it. That shared direction carried the project through 14 months to launch.




Final layouts on a 12-column grid: homepage, reprints, open access books and series.
Working on a complex platform? Get in touch.
Lead UX Research · 2025 · 4 months
A UX research case study for MDPI’s User Hub, a planned dashboard for all user accounts. Satisfaction scores looked healthy, yet usage data showed people leaving right after they logged in. The research explained the gap and turned it into a design direction for the dashboard.
By Gaby Luong, Product Designer in Basel. More work on gabyluong.com

Summary first: a recruiter who reads only this box has the whole story.
MDPI wanted to unify user accounts in one dashboard. The work started with Susy, the submission system that generates the most revenue and where every user has an account.
Satisfaction looked reassuring: Marketing’s 2024 author survey, with around 37,000 responses, showed an NPS of about 50, and 95% rated their experience good or excellent. Usage data from the second half of 2024 told a different story:
No one owned the full picture across Editorial, Support and Product, so no one could explain the gap.

Ran the research from the first questions to the first wireframes, together with the Product Owner and a developer. The Product Owner helped recruit participants.
The Editorial and Support teams, who work in Susy daily and handle users’ questions and complaints, contributed their knowledge as input.
Six patterns emerged:



Customer journey, affinity map and pain point matrix (participant names removed).
Unifying accounts across every MDPI product at once would have been a large change that was hard to approve. Instead, the work started with Susy, the product with the most revenue and the one every user has an account for. We proposed a single dashboard as the first step, without major changes to the submission system itself.
A dashboard was concrete and low-risk, which made it easy for stakeholders to say yes. That support opened the door to look deeper: into the metrics, the NPS and, through the customer journey, the evidence for why users left.
The UX research reframed User Hub from a UI refresh into an evidence-based redesign. For the first time, MDPI could explain why satisfaction scores and usage data disagreed: the survey measured the overall publishing experience, while the interviews showed where users lost their way in the platform.
The wireframes cover a dashboard with submissions and activity, a simpler profile, self-service support and personalised newsletter interests. My part ended after the research and first wireframes, when I left MDPI. The next phase builds on this direction.




Need research that turns data into direction? Get in touch.
UX Researcher · 2025 · CAS Usability & User Experience, FHNW
A UX research case study on the lower Old Town of Bern, a UNESCO World Heritage site that many people pass through without stopping. Instead of a classic urban study, the team talked to the people who use the space: visitors, residents and shop owners. The offering is there, but hard to see.
By Gaby Luong, Product Designer in Basel. More work on gabyluong.com

The lower Old Town is home to small, independent shops, studios, galleries and craft businesses. Tourists pass through, but few stop. Shop turnover and empty retail space had grown in recent months.
The question: which simple measures could make the area more attractive, while respecting the people who live there?

A case study for the CAS in Usability and User Experience at FHNW, in a team of three with a supervising lecturer. Working mostly in digital design, I wanted to understand human behaviour beyond screens.
My part was the second round of street interviews. It validated the findings from the first round and followed up on the open questions it had raised.
What the research showed:
“I’ve lived here my whole life, and I still don’t understand why no one comes to Postgasse.” Resident, street interview



Urban planning usually starts with plans, standards and building measures. This study started by listening. Talking to visitors, residents and shop owners surfaced details a spatial analysis would likely miss: unclear opening hours, the rhythm of events and the need to be seen together.
The first six interviews already showed the main barriers. The second round confirmed them.
The plan starts with a test phase together with the local association in 2026–2027, followed by shared branding and digital tools. The study could not test the measures: in a city, prototypes need time, permits and many people. With more time, the next step would be a digital prototype of the event calendar and map.

Researching how people use a space or service? Get in touch.
Art Director & Graphic Designer (freelance, with thonik) · 2018 · Identity, Catalogue, Logo
Exhibition identity and catalogue design for the 12th Shanghai Biennale at Power Station of Art. I worked on it as a freelancer with thonik in Amsterdam, including a trip to Shanghai to align with the local team and the exhibiting artists. The logo is built from the biennale’s own typeface: a double-crossing mark set against two circles, exploring the tension between human-driven and computational design. The identity carried through the catalogue, street banners and the museum building.
By Gaby Luong, Product Designer in Basel. More work on gabyluong.com





Same structure as the product case studies: left-aligned title, one text block, uncropped images, max 3 per row.
Next visual projectLiving Matters →Graphic Designer · 2020–2021 · Typography, Editorial, Print production
A risograph poster series for Berlin artist Eva Keller and her scientific, exploratory performance work. Her research imagery became one typographic system across four posters: Medium, Material, Apparatus and Experiments. Printed in Amsterdam on thin paper, so text and imagery bleed through from front to back.
By Gaby Luong, Product Designer in Basel. More work on gabyluong.com





Same structure as the product case studies: left-aligned title, one text block, uncropped images, max 3 per row.
Next visual projectMAMA →Art Director · 2022 · Film titles, Poster, Motion
Film title design and poster for MAMA, a documentary by Marieke de Bra. The film follows her path through abandonment anxiety, months of pole dance competition training and therapy with her own mother. The letters move the way she does: overlapping, shifting, then holding still, caught between control and vulnerability. The opening was shown at the Eye Museum in Amsterdam.
By Gaby Luong, Product Designer in Basel. More work on gabyluong.com


Same structure as the product case studies: left-aligned title, one text block, uncropped images, max 3 per row.
Next visual projectShanghai Biennale →