Case study: designing a transcript editor

Senior Product Designer

Fostering trust through honest design

An article I wrote for Unbabel's blog discussing honesty when designing services.

A video on UX dark patterns based on my [article](https://web.archive.org/web/20201031102644/https://unbabel.com/blog/design-trust-customer-experience/) covering the subject.

Dark Patterns in UX

Contracted by [Forward Action](https://forwardaction.uk/), I designed donation and petition pages for Theirworld. My work focused on simplifying flow steps, reducing number of required form fields while making the pages more responsive through a mobile-first approach.

Design for Theirworld

Working closely with the campaign director and developers, I designed a range of pages, significantly reducing the number of steps for visitors to give donations or sign campaign letters. I followed a mobile-first approach, ensuring every page was highly optimized for mobile use.

Additionally, I designed microsites for special campaigns, contributed to copywriting, and curated a collection of campaign images.

Design for Mighty Earth

SurgAccord is an early-stage healthcare startup based in Amsterdam. Over the span of a year, I designed products and experiences that streamline typically burdensome processes for doctors, nurses, patients and medical researchers.

My work has included designing a comprehensive research tool, where researchers can survey patients and conduct randomised control trials inter alia. The tool also facilitates collaboration between medical institutions, healthcare facilities, and researchers. In addition, I worked on a mobile application which helps patients to prepare for surgeries and enables doctors to monitor their progress.

Streamlining healthcare

Case Study: Designing a medical collaboration platform

Unbabel's video service offered subtitles using Machine Translation and Automatic Speech Recognition, which was then refined by human editors. Clients included: TED, CNN España, Great Big Story, and Journeyman Pictures.

Between 2018 and 2020, I led design for the service, designing a range of products and user journeys for every step in the pipeline, from transcription to translation, subtitling, and quality assessment. These tools had a substantial impact: doubling editor efficiency and engagement, increasing quality by a third and halving costs.

Breaking down language barriers

Plek is a collaboration platform used by hundreds of organisations including the Dutch Government, International Water Association, the Dutch Institute for Human Rights and Amsterdam Fire Brigade.

During the platform's early years between 2016-2017, I was in charge of product design. Working closely with the founders and engineering, I outlined product specs and designed many of the foundational modules including chat, newsfeed, forms, events, groups, documents, search, and taxonomy.

I also led the design of Plek's first native mobile application from scratch, a challenging task that involved distilling the platform's complex functionalities into a simple and intuitive user experience.

Facilitating collaboration

I created a series of visual interpretations of scientific concepts in this handmade book. This was one of my graduation products. It was [featured](https://www.creativereview.co.uk/lcc-graphics-and-illustration-degree-shows/) in Creative Review.

Seeing Science

An experimental fusion of [Oblique Strategies](https://en.wikipedia.org/wiki/Oblique_Strategies), developed by Brian Eno and Peter Schmidt, with the tactile nature of Jenga blocks. Oblique Strategies is a series of statements designed to provoke lateral thinking in creative processes, traditionally printed on cards for random selection. My aim was to add a tactile dimension by turning it into a physically interactive game.

Oblique Jenga

An installation group project to raise awareness about water contamination from pesticides used in mass-produced vegetables. The installation was styled to resemble a typical supermarket, and then subvert expectations by providing information on the environmental and health impacts of mass-produced vegetables.

Collaboration with Alex Lloyd, Daniel Apt, Joana Fernandes and Theo Mayers.

H₂O

My final year degree report explores how interactions within a physical space influence human behaviour and experience.

The report was selected to be in the permanent collection of the London College of Communication.

Conveying Experience

Teaching Assistant for Visual Communications

Following the earthquakes, I went to Turkey to help with the recovery efforts. I joined [KAF](https://www.instagram.com/kaf.kolektif/?next=%2Fdarshanmange%2F&hl=es), a volunteer-run collective who came together after the disaster. The project initially began as a field kitchen to serve warm food to people impacted but it quickly grew into a hands-on, community, disaster relief network.

By teaming up organisations such as [Water Mission](https://watermission.org/), [World Central Kitchen](https://wck.org/), [Architecture for All Association](https://herkesicinmimarlik.org/en/), [All Hands and Hearts](https://www.allhandsandhearts.org/) as well as using our own contacts, we were able to help thousands of displaced people receive food, clean water, shelter, healthcare, education and even employment. My role varied on a day to day basis between preparing food and coordinating operations. As part of the coordination team, I attended a course provided by [Medair](https://www.medair.org/)  on disaster zone camp management, which helped us better structure our work.

After [receiving](https://www.instagram.com/p/Co0TpwzIPyT/?igsh=OXUwMjY5cTdnOTB2) [media](https://www.patriciawillocq.com/kafproject) [coverage](https://twitter.com/dwnews/status/1628084549396705294), we raised tens of thousands of euros which allowed us to employ more people impacted by the disaster and expand our infrastructure.

Coordinating & cooking

Incubated by Y-Combinator, Unbabel is a translation platform combining machine translation with human refinement. I joined as an early product designer and went on to lead design.

* Led a team of 6-9 designers, establishing user research and product design as a key part of product development.

* Hired 9 designers and helped recruitment of 8 product managers, in line with role-specific needs.

* Coordinated the development of a design system created both as design components and code.

* Mentored designers, aligning their individual career goals with company objectives.

* Worked closely with product leaders and stakeholders to establish an evidence-led, pragmatic and outcome-oriented OKRs and product development.

Lead Product Designer

* Designed a library of components which evolved into the first design system for the platform.

* Designed a new visual identity and branding.

* Created a large collection of icons for a consistent visual language throughout the platform.

Interaction Design Intern

* Designed the platform's first native application, focusing on distilling complex functionalities into an intuitive mobile experience.

* Developed a user notification framework balancing urgency and relevance tailored to organisation and user types leading to increased engagement.

* Created a product roadmap aligning competing strategies and priorities with user needs by mediating between stakeholders.

* Specified a tailored collaboration framework for the Dutch Ministry of Internal Affairs, allowing the ministry staff to work with external specialists while ensuring confidentiality.

Product Designer

As an independent designer, I worked with agencies, non-profits, and start-ups. My work ranged from designing tools for medical researchers to conduct randomised controlled trials to helping environmental organisations run more engaging campaigns.

Collaborated with [Mighty Earth](https://mightyearth.org/), [Forward Action](https://forwardaction.uk/), [Ekō](https://www.eko.org/), [Plek](https://plek.co) and [SurgAccord](https://surgaccord.com/).

* Contributed to the design and prototyping of projects for The Netherlands Institute for Human Rights, Amsterdam Airport Schiphol, and Heineken.

* Collaborated with Pon, T-Mobile, and Accenture on research initiatives, exploring early applications of the Internet of Things, Virtual / Augmented Reality in sectors like healthcare and education.

UX Designer & Researcher

* Designed video transcription and translation tools doubling editor efficiency and engagement, increasing quality by a third and halving costs.

* Mapped user journeys and experiences for editors and customers, reducing operational workload, decreasing editor churn, and further increasing performance.

* Carried out user research on regular basis to inform both strategic and tactical product decisions.

Kitchen porter, waiter, chef asistant, delivery driver, barista

* Designed a comprehensive research tool, enabling researchers to survey patients and conduct randomised control trials. The tool also facilitates collaboration between medical institutions and healthcare facilities.

* Created the information architecture and design for a mobile application for clinicians to assign treatments to patients, monitor their progress, and coordinate their preparation for procedures.

* Designed a series of features for a patient portal both for mobile and desktop, which allows patients prepare for surgeries, sign paperwork, and communicate with their medical practitioners.

Hasan Gözlügöl

2024