https://davidmoot.nl David Moot UX Design Wed, 10 Mar 2021 16:25:09 +0000 https://davidmoot.nl en https://davidmoot.nl/Featured-Projects Fri, 01 Dec 2017 15:58:57 +0000 David Moot UX Design https://davidmoot.nl/Featured-Projects <img width="1440" height="960" width_o="1440" height_o="960" data-src="https://freight.cargo.site/t/original/i/314e298c5c942a6c9fd64ec8e199528b1e48c1f3600c52403224163261524e72/Search-summary.png" data-mid="233818638" border="0" alt="Gen AI powered search summary case visualisation" data-caption="Gen AI powered search summary case visualisation" src="https://freight.cargo.site/w/1000/i/314e298c5c942a6c9fd64ec8e199528b1e48c1f3600c52403224163261524e72/Search-summary.png" /> Gen AI powered search summary takes flight! Enter with password ︎ 2025<img width="1440" height="936" width_o="1440" height_o="936" data-src="https://freight.cargo.site/t/original/i/b478d01c304c1e4f193ff2f13f1e268d8a2a69212958076594e0ee7675276bce/SR-2024-to-2025.png" data-mid="233818794" border="0" alt="Booking.com Flight search experience differences from 2024 to 2025" data-caption="Booking.com Flight search experience differences from 2024 to 2025" src="https://freight.cargo.site/w/1000/i/b478d01c304c1e4f193ff2f13f1e268d8a2a69212958076594e0ee7675276bce/SR-2024-to-2025.png" /> Improving Booking.com’s flight search experience Enter with password ︎ 2025 <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/a23dc88b4278d3701f3a4bb21804111dfec4d40a1ecc9f9311e751de1ad396b9/Brand-Nav-C.png" data-mid="101664629" border="0" alt="Two iphones floating in mid-air showing Farfetch.com app interfaces" data-caption="Two iphones floating in mid-air showing Farfetch.com app interfaces" src="https://freight.cargo.site/w/1000/i/a23dc88b4278d3701f3a4bb21804111dfec4d40a1ecc9f9311e751de1ad396b9/Brand-Nav-C.png" /> Improved Brand navigation on FarfetchShow me ︎ Product design, 2021 <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/1afe98f3f40694643600f24f9e73617bbf805de57e6bb225a76557818fe84252/Related-Brands-A.png" data-mid="101664623" border="0" src="https://freight.cargo.site/w/1000/i/1afe98f3f40694643600f24f9e73617bbf805de57e6bb225a76557818fe84252/Related-Brands-A.png" /> New brand architecture for FarfetchEnter with password ︎ Product design, 2020/2021 <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/0f95972279428eb14145dea6bb05c52c3a0bb1668ebe6540459951fac6d580b4/Worker-invoices--Mobile.png" data-mid="46610985" border="0" src="https://freight.cargo.site/w/1000/i/0f95972279428eb14145dea6bb05c52c3a0bb1668ebe6540459951fac6d580b4/Worker-invoices--Mobile.png" />Self-billing for everyone ︎Product design, 2019<img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/6c92f1f6005d7a8819df6ca2165e6d703dbd638c23223419891d937e1eb4f0b6/Plek-App.jpg" data-mid="15167800" border="0" src="https://freight.cargo.site/w/1000/i/6c92f1f6005d7a8819df6ca2165e6d703dbd638c23223419891d937e1eb4f0b6/Plek-App.jpg" />Better collaboration through Plek ︎Product design, 2018 <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/d083244c65bdc1f9469e480274a32e93216e10cd9617087f4ee1439115a8716e/Mobile--People-app.jpg" data-mid="15171181" border="0" src="https://freight.cargo.site/w/1000/i/d083244c65bdc1f9469e480274a32e93216e10cd9617087f4ee1439115a8716e/Mobile--People-app.jpg" />Plek on the move ︎Product design, 2018 <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/be690788f926ddc8502b8f16bd459657c0cf4e9e244b74b874c07e1dc7e950e0/Unseen--News.jpg" data-mid="8587315" border="0" src="https://freight.cargo.site/w/1000/i/be690788f926ddc8502b8f16bd459657c0cf4e9e244b74b874c07e1dc7e950e0/Unseen--News.jpg" /> Redesigning a leading contemporary photography platform ︎UX design, 2017 https://davidmoot.nl/Improved-Brand-Navigation-on-Farfetch Wed, 10 Mar 2021 16:25:09 +0000 David Moot UX Design https://davidmoot.nl/Improved-Brand-Navigation-on-Farfetch New ways to browse designer brands on Farfetch After the redesign of our ‘Designers Hub’ where we introduced the ability to see, navigate to and (un)favourite ‘Designers’ we looked at ways of improving how customers could browse their most beloved brands in our app. Customer insights helped us understand which paths we could take to level up the experience in multiple key touch points in our users’ journeys. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/9f1d199e98a1a3fafb1294e6968993e089964dacf0c0f718d603ee8b402d9778/Brand-Nav-C.png" data-mid="101662686" border="0" src="https://freight.cargo.site/w/1000/i/9f1d199e98a1a3fafb1294e6968993e089964dacf0c0f718d603ee8b402d9778/Brand-Nav-C.png" /> Problems and opportunities Global Search only displays auto suggestions for ‘Designers’ and ‘Categories’. Leading users to believe the only way to get to a specific search results is to use filter options on product listing pages.There is no way of selecting multiple designers from our Designer A-Z which creates a lot of back and forth when a user wants to explore multiple brands at once. This is a particularly apparent issue during sale season.No way of filtering a listing page of products by a user’s favourite designers.Zooming in on Search Search is a very popular feature in the Farfetch app. Farfetch has over 1400 designer brands on its marketplace and on any given day a cumulative number of of 400K+ unique pieces are available for purchase. Finding what you’re looking for can be quite daunting. Our search logic was in need of an update so that it could support more ways of helping users find what they are looking for. <img width="1306" height="846" width_o="1306" height_o="846" data-src="https://freight.cargo.site/t/original/i/4fcbb0f6f9ab774484d1bfee400b7baf5330b09bb65ee7a6c9532c590baae6fa/Suggestions-SM.gif" data-mid="101880613" border="0" src="https://freight.cargo.site/w/1000/i/4fcbb0f6f9ab774484d1bfee400b7baf5330b09bb65ee7a6c9532c590baae6fa/Suggestions-SM.gif" /> Search suggestions before (left) and after (right) The old behaviour only allowed for ‘Designers’ (E.g. ‘Gucci’) and ‘Categories’ (E.g. ‘Coats’) to appear as an auto suggestion when a user is typing. We set out a roadmap to incrementally allow for more types of suggestions to appear that would improve the search experience. First in line was introducing the combination of Designers + Categories + Keywords as suggestions (E.g. ‘Gucci Shoes’ or ‘Balenciaga Triple S’). Using our search query data logs we ranked the suggestions based on popularity in the previous two weeks. This period was defined as to also be able to capture seasonal trends. The AB test is currently running and results will be shared when they become available. An iteration we are aiming for is to include sales data as a parameter of defining the ranked order of suggestions. Filtering by Favourites Allowing users to filter by their favourite designers was next. This feature already proved to be successful when another team tested this on our website with a small group of loyalty programme customers. On the app we knew this had potential to be even more successful as our most highly engaged customers primarily use the app to browse Farfetch. They also have a higher number of favourite designer brands on average. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/079cec063d91df1c5e8a550f3c289b680c8b84ae9027015d25274d28a90676bb/Fav-Brands.png" data-mid="101778531" border="0" src="https://freight.cargo.site/w/1000/i/079cec063d91df1c5e8a550f3c289b680c8b84ae9027015d25274d28a90676bb/Fav-Brands.png" /> Filtering by Favourite brands We took advantage of our ‘Quick Filter’ feature where we introduced the option to quickly select the filter on a listing page with a single tap and also implemented it in our ‘Refine’ screen. The AB test is currently running and results will be shared when they become available. A future iteration could probably include an easier way to see a distinction between all brands and a user’s list of favourite brands in the same list. Setting a new standard for Designer A-Z browsing When researching the competitor landscape we found that almost none of the apps in luxury fashion allow for users to see a listing page of multiple designers of a user’s own choice outside of filtering options. We knew from our own qualitative insights that users desired a feature where they could start their browsing journey with a selection of (favourite) designer brands of their own choosing. <img width="1200" height="784" width_o="1200" height_o="784" data-src="https://freight.cargo.site/t/original/i/fa77d9558191eeda6b1b5279ff41ca23a06b8db33653b852da7ba629626502e8/Multiple-C.gif" data-mid="101782652" border="0" src="https://freight.cargo.site/w/1000/i/fa77d9558191eeda6b1b5279ff41ca23a06b8db33653b852da7ba629626502e8/Multiple-C.gif" />Before (left) and after (right) Seeing products from multiple brands used to mean a lot of back and forth between a list of all brands and their respective product listing pages. We introduced a pattern where users now can select one or more brands they want to see products from. This pattern is similar to the one used in ‘Refine’ where users could already select multiple designer brands which meant we introduced more parity across the two touch points.&nbsp; The AB test is currently running and results will be shared when they become available. As a next step we want to even further create parity between the two screens in ‘Designers A-Z’ and ‘Refine’ and improve how users see their favourite brands in these screens. ReflectionAlthough the touch points for these three projects mostly sit in different parts of our users’ journeys they all are part of a bigger piece of work around brand navigation across the Farfetch app. What makes it tricky is that multiple teams are involved or oversee the various areas we wanted to introduce improvements. Having a clear strategy on a higher level helped us collaborate on all of the various initiatives and, overall, led us to create a coherent experience across multiple features. ︎ Back to work Next Project ︎ https://davidmoot.nl/Engage-Self-Billing Sat, 13 Jul 2019 08:42:56 +0000 David Moot UX Design https://davidmoot.nl/Engage-Self-Billing Self-billing for everyone From entering a timesheet to raising invoices and paying suppliers, we’ve made sure everyone in the supply chain could get paid through Engage and knew when, why and how much they could expect. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/49bc0334c169f80def56c005ae068fc72c6c1209f6e322f6f6dccccf4e69d587/Worker-invoices--Mobile.png" data-mid="46546136" border="0" src="https://freight.cargo.site/w/1000/i/49bc0334c169f80def56c005ae068fc72c6c1209f6e322f6f6dccccf4e69d587/Worker-invoices--Mobile.png" /> Mission One of our missions at Engage is ‘Introduce trust and transparency in the recruitment supply chain and make sure everyone gets paid on time.’ For people outside of this industry that seems pretty obvious. But the industry is complex and there are a lot of moving parts. People need to work hard to earn trust. This impacts how and when people get paid dramatically. Especially for temp workers not getting paid on time could mean not having a roof above your head the following week. Problems to solve There can be up to five different stakeholders involved in making sure a temp worker is placed for a job. How do you make sure all of them have access to the data they need in order to keep processes moving and not block payments?Some of these processes happen offline and are captured in file types sent across via email or discussed over a phone callWhen processes are managed digitally different stakeholders could be using different software which may not communicate well with each otherCompanies that are responsible for paying temp workers will sometimes only pay the worker once the invoice to their client has been paid.If there is a hiccup within the process of getting someone’s work for a period authorised it slows down the entire process and people will either not be paid (on time) or need to be paid out of pocket which can have a major negative impact on cash flow.&nbsp; Timesheets to invoicing Engage modelled self-billing agreements between recruitment agencies and their clients. This meant whenever a timesheet with the time worked by the worker for a specific period was approved, an invoice would automatically be issued to the client on behalf of the agency. In the past these timesheets would have, more often than not, be handled offline on paper or in a spreadsheet. We introduced a solution where both workers and recruitment consultants could enter timesheets. We saw a significant increase of timesheets being submitted on time, speeding up payment processes along the way. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/f2cc5df5e04a76364942354550bf3a674566b3e42ec4c20284f367b38e1a57c3/Submitting-a-ts.png" data-mid="46546152" border="0" data-scale="100" alt="Getting a timesheet submitted and approved" data-caption="Getting a timesheet submitted and approved" src="https://freight.cargo.site/w/1000/i/f2cc5df5e04a76364942354550bf3a674566b3e42ec4c20284f367b38e1a57c3/Submitting-a-ts.png" /> Submitting a timesheet Divorcing expenses from timesheets There was however an issue with the way we handled timesheets. If expenses were incurred during a timesheet period that needed to be reimbursed we captured those expenses on the same timesheet we captured the time worked. In order for clients to approve an expense item they need to see proof however, a receipt, for that expense. We saw that timesheets were being approved with expenses that had no receipts as proof. When the invoice would be handled by the finance department at the client they would go back to the agency and decline to pay that invoice because of lack of proof. This meant the agency didn’t get paid on time and the worker needed to be paid out of pocket. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/7e5e16451f62c3a26c99b5a6c82894f655ff2099501c51985b055077fe11e537/Worker-Expenses--Mobile.png" data-mid="46546176" border="0" alt="Submitting an expense independent of a timesheet" data-caption="Submitting an expense independent of a timesheet" src="https://freight.cargo.site/w/1000/i/7e5e16451f62c3a26c99b5a6c82894f655ff2099501c51985b055077fe11e537/Worker-Expenses--Mobile.png" /> Submitting an expense We spoke to workers and agencies to understand what was needed to solve this issue. Clients elaborated that missing receipts for expenses were the primary reason invoices couldn’t be paid. This meant the timesheet itself could be paid if it weren’t for the faulty expense being on there. With this information we prototyped a solution where we separated the approval flow of timesheets from expenses. This meant workers could submit expenses independent from their time worked and clients could approve them independently as well. During the process we reached out to users to validate if this solution would work for them. We gained some valuable input from those sessions (‘if expenses should be approved separately this means that could mean more work for me’) and added some additional features, like a daily digest email for all timesheets and expenses awaiting approval, that would help the workflow. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/bcea3e895359c9464be6588bb39dc715b8bcd06e3b7538c632c560ff414e8361/Worker-expenses-tablet.png" data-mid="46546205" border="0" alt="Viewing a submitted expense" data-caption="Viewing a submitted expense" src="https://freight.cargo.site/w/1000/i/bcea3e895359c9464be6588bb39dc715b8bcd06e3b7538c632c560ff414e8361/Worker-expenses-tablet.png" /> Viewing an expense After the feature was released we saw a dramatic decline in timesheets being rejected and invoices that couldn’t be paid. Self billing for contractors and umbrella businesses When we launched the new SaaS solution for agencies&nbsp; - Read the case here&nbsp;︎ -&nbsp; we interviewed a large number of recruitment agency users. Amongst other things they identified that having all data for their contractors on a single software solution would fit their needs the most. This meant that they were looking for a way to not only manage timesheets and billing for their clients on the platform, but they also were keen to have a self-billing solution for their suppliers (e.g. contractors being paid through their own business or umbrella companies that supply temp workers). We set out to achieve just that. We could leverage a lot from the work we had already done around self-billing for agencies. We talked to contractors to understand their needs for a self-bill solution. Contractors saw a lot of value in managing their timesheets and their invoices on a single platform. Their biggest concern was around getting the invoices out of the system for accounting purposes and making sure they could see which invoice were paid for a received payment. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/a77dae461a4c487c8d328a6f0e127035f63f15098485fa49ae61241f0ade18b9/WorkerPayments-Desktopmobile.png" data-mid="46546212" border="0" alt="Contractors keeping track of their received payments" data-caption="Contractors keeping track of their received payments" src="https://freight.cargo.site/w/1000/i/a77dae461a4c487c8d328a6f0e127035f63f15098485fa49ae61241f0ade18b9/WorkerPayments-Desktopmobile.png" />Payments list view and detail page When talking to agencies however we saw we couldn’t just replicate the existing behaviour we had around raising an invoice (timesheet approval == invoice generation). They were expecting to select which invoices they wanted to raise and also create a payment directly. They also mentioned that not all of their suppliers had a self-bill agreement in place. Making agencies’ lives&nbsp; easierWe introduced the feature of generating invoices manually from approved timesheets where they could raise invoices in a bulk action and de-select the timesheets they didn’t wish to invoice just yet. From here they could also directly choose to create a payment which meant it would speed up their workflow dramatically. Most small agencies work with accounting packages or other financing software, but have great trouble of getting the right data into them. They told us it was a very manual process which involved a mix of on- and offline tools to get to a payment. We connected a lot of the dots for agencies which meant they could spend more time in sourcing the right candidates and grow their business. Not wanting to raise an invoice?Now that we had the ability to raise invoices between agencies and their suppliers we wanted to solve another issue our users had identified. One that is present in a lot of similar timesheet solutions tools. What happens when a worker can’t work for a certain period? A timesheet still needs to be generated since it is part of their contract period. In the past, workers (or recruitment consultants on their behalf) would save or submit a so called ‘zero-value timesheet’ which is exactly the same as how it sounds. However, this raised concerns for clients who were approving. They weren’t always aware of a worker being away and in some cases would unknowingly approve a timesheet which would raise an invoice without an amount. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/0ce379a454821fe0131be5fc4a288d6391e2ba1f812c49c58e76dc468e9eef3e/Absent-timesheets.png" data-mid="46546222" border="0" src="https://freight.cargo.site/w/1000/i/0ce379a454821fe0131be5fc4a288d6391e2ba1f812c49c58e76dc468e9eef3e/Absent-timesheets.png" /> Saving a timesheet as ‘absent’ We introduced a way of identifying if the worker was away for a period. Workers now had the option to let agencies and clients know they were away for a period. This could also be done by the recruitment consultant on behalf of the worker and they could even schedule an absence in advance if it would be for multiple timesheet periods. Timesheets with this new status of ‘Absent’ would never result in an invoice since there was no need to approve and workers would not be reminded to submit a timesheet for a period when they were away. ReflectionIn connecting our expertise from earlier development work and talking to users from every part of the supply chain we identified a solution that would help connect the different parts of the supply chain in a transparent and helpful way. We managed to speed up, or sometimes replace, workflows that were tedious and were costly from a time perspective. We also realised our solution wouldn’t cater to everyone. With that new knowledge we understood that we needed to focus on optimising the solution we had so that it could be the best it could be and not look at solving all the problems at once. ︎ Back to work Next Project ︎ https://davidmoot.nl/Plek-App Sun, 22 Apr 2018 13:54:40 +0000 David Moot UX Design https://davidmoot.nl/Plek-App Plek on the move Plek has native apps for iOS and Android and when more users primarily used Plek on the go we knew we had to introduce more feature parity between the mobile and desktop versions. This resulted in optimizations and newly shipped features.&nbsp; <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/3030aa187e8eb65d48a508c973fd0fe4c6dae7291df0c52fd962d55c53f74315/Plek-Filter.jpg" data-mid="15170233" border="0" src="https://freight.cargo.site/w/1000/i/3030aa187e8eb65d48a508c973fd0fe4c6dae7291df0c52fd962d55c53f74315/Plek-Filter.jpg" />Filtering results in the app Filter and search Search and filtering results have always been a big focus for Plek. After global search was implemented we introduced the ability to search and filter directly within a feature like groups or documents. Users can filter on taxonomy and quickly find what they are looking for. We also introduced a dropdown from the main navigation where users could quickly navigate to other parts of the section they were in. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/6f1867bf66733d841743a57e5bdecff33d0ed9d1eb5d28cd1ed62f5790b3ee66/App-group-filter.png" data-mid="15170234" border="0" src="https://freight.cargo.site/w/1000/i/6f1867bf66733d841743a57e5bdecff33d0ed9d1eb5d28cd1ed62f5790b3ee66/App-group-filter.png" /> Another way of filtering directly from the navigation New featuresSome new features started out on the app and were later applied on desktop. Pinned posts on the home screen solved an issue that content managers had when wanting to highlight important information to users. Birthdays and Tasks are two features that are also important for Plek users who are mostly on the go. Now, they never miss a birthday and can keep track on tasks wherever they go. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/c8ea4386af76856db759d106c5ea415421002625820851d3686a65cf259a66e6/Plek-App-screens.png" data-mid="15227466" border="0" src="https://freight.cargo.site/w/1000/i/c8ea4386af76856db759d106c5ea415421002625820851d3686a65cf259a66e6/Plek-App-screens.png" />New features in app: Tasks, Pinned post on home screen and Birthdays ︎ Back to work Next Project ︎ https://davidmoot.nl/Plek Tue, 09 Jan 2018 20:10:36 +0000 David Moot UX Design https://davidmoot.nl/Plek <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/91694de8b10044d97b552b81ddd7ab2b1ca512edcb78b536d6160f0c784817ce/Plek--Tablet.jpg" data-mid="15167981" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/91694de8b10044d97b552b81ddd7ab2b1ca512edcb78b536d6160f0c784817ce/Plek--Tablet.jpg" /> Better collaboration through Plek Plek is an online B2B communication platform. Over a hundred clients, ranging from Heineken, the Dutch government, KPMG and smaller companies and organisations use the tool daily to increase productivity and help people work better together. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/55891b8e368cc3c18635274a09cd5473cb22a84fb204d7fbc2ee3ce4c62bdc5b/Plek-cross-device.jpg" data-mid="15167465" border="0" src="https://freight.cargo.site/w/1000/i/55891b8e368cc3c18635274a09cd5473cb22a84fb204d7fbc2ee3ce4c62bdc5b/Plek-cross-device.jpg" /> Goal Optimize and redesign Plek’s UX and UI to help users’ daily workflow. Responsibilities Lead product design for desktop and native appsOversee and guide engineering teamDrive design vision and standardsManage design sprints in monthly release cycleOversee user tests <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/4eb29aded97f90c76f71d38ef28ee1e8ef5b48ab2eee698a3c25a032825a79b6/Comments.png" data-mid="11457190" border="0" src="https://freight.cargo.site/w/1000/i/4eb29aded97f90c76f71d38ef28ee1e8ef5b48ab2eee698a3c25a032825a79b6/Comments.png" /> Plek has a monthly release cycle where new features, bug fixes and optimizations to the platform are shipped. New features are the result of a combination of the needs and wishes of users and the team’s vision and roadmap. Plek is available across platforms for desktop and native apps for iOS and Android.Short summary of shipped features:– Documents – Payments – 2 factor verification – Tasks – Booking Tool – Agenda overhaul <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/19e64b5a0645ba8184cb643131132a6d645f47b4699da318119124ba0619ddb3/Plek-App.jpg" data-mid="15167788" border="0" src="https://freight.cargo.site/w/1000/i/19e64b5a0645ba8184cb643131132a6d645f47b4699da318119124ba0619ddb3/Plek-App.jpg" /> As lead product designer I help oversee the design and engineering team before, during and after each release as well as design user flows and UX/UI and develop business rules. All with a team goal of building a great product and experience end to end.&nbsp; The aim is always to keep things simple whilst creating an experience and environment where information security is very important. The biggest challenge is to balance&nbsp; complex business rules with ease of use and presentation of personalised content.&nbsp; <img width="2560" height="1600" width_o="2560" height_o="1600" data-src="https://freight.cargo.site/t/original/i/823ff513a8d8d0d0d266dd808ad19ca66463ccb0897d23d5f24ab958dd4b9ccd/Document-Flow.png" data-mid="15169407" border="0" src="https://freight.cargo.site/w/1000/i/823ff513a8d8d0d0d266dd808ad19ca66463ccb0897d23d5f24ab958dd4b9ccd/Document-Flow.png" /> Plek saw some major optimizations and redesigns of existing features. ‘Documents’ is one of the areas&nbsp; the team worked on during multiple releases. This resulted in a strong core component of the product. Uploading and sharing documents became faster, easier and more seamless, document versioning was introduced and integration with Office 365 and Google Drive was achieved. See the case&nbsp;︎ <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/4d650a50dc5855e5d2910d6ca9c28efb832a4b2a492be504091a57358a42e2f4/Document-versions.png" data-mid="11454576" border="0" src="https://freight.cargo.site/w/1000/i/4d650a50dc5855e5d2910d6ca9c28efb832a4b2a492be504091a57358a42e2f4/Document-versions.png" /> <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/9789e8adeadedd9c2635dee940f4e55b29b9944634bded727fc23786b8ec7f96/Chat--Encryption.png" data-mid="15169442" border="0" src="https://freight.cargo.site/w/1000/i/9789e8adeadedd9c2635dee940f4e55b29b9944634bded727fc23786b8ec7f96/Chat--Encryption.png" /> Security is one of the major focusses for Plek. In addition to the already existing strong information security an extra level was introduced in the form of two factor verification, a unique take on end-to-end encryption (Users can access earlier encrypted end-to-end chat messages by verifying themselves via another device where they are logged in) and a temporary upgrade for admins when wanting to perform certain actions on the platform. <img width="1628" height="1460" width_o="1628" height_o="1460" data-src="https://freight.cargo.site/t/original/i/96bedcfa4a6134e959b38f418e7471d18d8102e04e26597fed1a3815b4bec7c6/End-2-end.jpg" data-mid="11456411" border="0" src="https://freight.cargo.site/w/1000/i/96bedcfa4a6134e959b38f418e7471d18d8102e04e26597fed1a3815b4bec7c6/End-2-end.jpg" /> ︎ Back to work Next Project ︎ https://davidmoot.nl/Unseen-Amsterdam Fri, 01 Dec 2017 15:59:03 +0000 David Moot UX Design https://davidmoot.nl/Unseen-Amsterdam <img width="900" height="525" width_o="900" height_o="525" data-src="https://freight.cargo.site/t/original/i/8e0e3e29521a8c4bd7b69b00caa4f17986eaf5b4407254f822d4c3be9317348d/Unseen-Amsterdam.jpeg" data-mid="8608969" border="0" data-scale="94" src="https://freight.cargo.site/w/900/i/8e0e3e29521a8c4bd7b69b00caa4f17986eaf5b4407254f822d4c3be9317348d/Unseen-Amsterdam.jpeg" /> ︎ Courtesy of Unseen Amsterdam Redesign for leading contemporary photography platform Previously Unseen Amsterdam’s website focussed heavily on their annual event in september. Most users were unaware of their work throughout the rest of the year. My task was guiding the project team&nbsp; to combine all Unseen’s work in a redesigned platform. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/be690788f926ddc8502b8f16bd459657c0cf4e9e244b74b874c07e1dc7e950e0/Unseen--News.jpg" data-mid="8608660" border="0" src="https://freight.cargo.site/w/1000/i/be690788f926ddc8502b8f16bd459657c0cf4e9e244b74b874c07e1dc7e950e0/Unseen--News.jpg" /> GoalMerge the festival experience of Unseen Amsterdam and their corporate story in a redesign of their current website. Objectives Improve navigationImprove visual design and online brand identityCreate overview of Unseen Amsterdam’s&nbsp; workDrive sales of festival ticketsEngage visitors with festival through online activation <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/59d6dc0919710694b04906442853b9513e89421bb6725b471a6f9c16101815ab/Unseen--Tablet.jpg" data-mid="11640461" border="0" data-scale="93" src="https://freight.cargo.site/w/1000/i/59d6dc0919710694b04906442853b9513e89421bb6725b471a6f9c16101815ab/Unseen--Tablet.jpg" /> We started with some quick wins with new header styles, use of grids and being more consistent with how components looked on the platform. The main navigation was an obvious first big issue the team tackled. Working together with visual designers from agency VandeJong and in close collaboration with the client a new site plan, information hierarchy and redesign for the website navigation were born. It focusses heavily on ease of use and a clearer distinction between the event and Unseen as a company. A button for tickets was also immediately implemented in the redesign to help PR and sales reach their targets. <img width="2000" height="1300" width_o="2000" height_o="1300" data-src="https://freight.cargo.site/t/original/i/b3c3647b60522b78831fd795f175a5881666ecaa0d4c7f7b4a2878fb7264d0ce/Unseen--Mobile.jpg" data-mid="8609351" border="0" src="https://freight.cargo.site/w/1000/i/b3c3647b60522b78831fd795f175a5881666ecaa0d4c7f7b4a2878fb7264d0ce/Unseen--Mobile.jpg" /> Throughout the years Unseen has created a good reputation with photographers and galleries alike. We felt the need for a complete overview of photographers, galleries and other participants of Unseen’s five prior festivals. We created an archive where the user can easily navigate through the different categories and filter accordingly. With this we gave Unseen’s hard work it’s well deserved stage. Lastly a custom voting tool was created where users could vote for 1 of 5 photographers, each nominated for the Unseen talent award to engage users more with the brand. <img width="2000" height="1969" width_o="2000" height_o="1969" data-src="https://freight.cargo.site/t/original/i/c764326df38bc6e52630012d8b985aac08b82607e30f376914c56b31b23d1aae/Unseen---Pages-B.jpg" data-mid="8609730" border="0" src="https://freight.cargo.site/w/1000/i/c764326df38bc6e52630012d8b985aac08b82607e30f376914c56b31b23d1aae/Unseen---Pages-B.jpg" /> ︎ Back to work Next Project ︎ https://davidmoot.nl/Play Tue, 05 Sep 2017 20:07:03 +0000 David Moot UX Design https://davidmoot.nl/Play A selection of experiments, personal work and smaller commercial projects. <img width="2500" height="2500" width_o="2500" height_o="2500" data-src="https://freight.cargo.site/t/original/i/6c4a3523c869841f9ac3c8aa99d93edd4dd535fd32936fed5941abc61c626641/36Days_A.png" data-mid="14299076" border="0" src="https://freight.cargo.site/w/1000/i/6c4a3523c869841f9ac3c8aa99d93edd4dd535fd32936fed5941abc61c626641/36Days_A.png" />36 Days of Type – 2018 <img width="1772" height="1772" width_o="1772" height_o="1772" data-src="https://freight.cargo.site/t/original/i/526e1ad110b62f523f964746ee514d6b9312701d2c62910a462fed276c957356/honey_black.jpg" data-mid="14299768" border="0" src="https://freight.cargo.site/w/1000/i/526e1ad110b62f523f964746ee514d6b9312701d2c62910a462fed276c957356/honey_black.jpg" /> <img width="1201" height="1201" width_o="1201" height_o="1201" data-src="https://freight.cargo.site/t/original/i/fb7c89c14fcf2c37da8bb749813a7ff196b6c30e28b6a2c0bc48304d01efef71/Petite-Noir.png" data-mid="9072047" border="0" data-scale="72" src="https://freight.cargo.site/w/1000/i/fb7c89c14fcf2c37da8bb749813a7ff196b6c30e28b6a2c0bc48304d01efef71/Petite-Noir.png" /> <img width="2000" height="1330" width_o="2000" height_o="1330" data-src="https://freight.cargo.site/t/original/i/fead951dffa86681eea1eda90039b7c8f12ead706c7a76f24ffe0b99f1457677/USE-IT_The_Hague_002.jpg" data-mid="14299829" border="0" src="https://freight.cargo.site/w/1000/i/fead951dffa86681eea1eda90039b7c8f12ead706c7a76f24ffe0b99f1457677/USE-IT_The_Hague_002.jpg" />The Hague City Map – 2016<img width="2000" height="1331" width_o="2000" height_o="1331" data-src="https://freight.cargo.site/t/original/i/600d798d762ce6caa17ca2cf9d8381ea7bdfbd2bba488a930b8d1fb5628642e0/USE-IT_The_Hague_004.jpg" data-mid="14299831" border="0" src="https://freight.cargo.site/w/1000/i/600d798d762ce6caa17ca2cf9d8381ea7bdfbd2bba488a930b8d1fb5628642e0/USE-IT_The_Hague_004.jpg" />The Hague City Map – 2016 <img width="3264" height="2245" width_o="3264" height_o="2245" data-src="https://freight.cargo.site/t/original/i/49d5d662d934ac371f5948c14662c802bf35084af6c0ee99f0e13863716c9f97/Ambtenarenjargon-Expo.jpg" data-mid="9072161" border="0" src="https://freight.cargo.site/w/1000/i/49d5d662d934ac371f5948c14662c802bf35084af6c0ee99f0e13863716c9f97/Ambtenarenjargon-Expo.jpg" /> Ambtenarenjargon Exhibition – 2015 <img width="700" height="953" width_o="700" height_o="953" data-src="https://freight.cargo.site/t/original/i/ded8a7dfb658e4829a0aca5b4f0de769f5b449b73151bc0c54108dd193aec1b6/Geist.jpg" data-mid="9072443" border="0" src="https://freight.cargo.site/w/700/i/ded8a7dfb658e4829a0aca5b4f0de769f5b449b73151bc0c54108dd193aec1b6/Geist.jpg" />Geist– 2017<img width="2500" height="2500" width_o="2500" height_o="2500" data-src="https://freight.cargo.site/t/original/i/c57f34159cd32c408256dd31b08ac4d781a8cbea15d7183d12f43b1960ab4799/36Days_B.png" data-mid="14299077" border="0" src="https://freight.cargo.site/w/1000/i/c57f34159cd32c408256dd31b08ac4d781a8cbea15d7183d12f43b1960ab4799/36Days_B.png" /> 36 Days of Type – 2018 <img width="1201" height="1201" width_o="1201" height_o="1201" data-src="https://freight.cargo.site/t/original/i/8f2a6d222f222d347ef4eb001c549230f5e139eb1c79bf53021a82f5a503fad8/Noir.png" data-mid="9072045" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/8f2a6d222f222d347ef4eb001c549230f5e139eb1c79bf53021a82f5a503fad8/Noir.png" /> <img width="2000" height="1331" width_o="2000" height_o="1331" data-src="https://freight.cargo.site/t/original/i/21d307a0175b6ae10578d87dbf8f378ee60bb2fe478d6dae3b618ba6814b1b90/USE-IT_The_Hague_003.jpg" data-mid="14299830" border="0" src="https://freight.cargo.site/w/1000/i/21d307a0175b6ae10578d87dbf8f378ee60bb2fe478d6dae3b618ba6814b1b90/USE-IT_The_Hague_003.jpg" />The Hague City Map – 2016 <img width="2000" height="1331" width_o="2000" height_o="1331" data-src="https://freight.cargo.site/t/original/i/4d4a6cf2c15264eb30bdd3e159da76f5cdcabd02e31958e2b70cdf27becac21f/USE-IT_The_Hague_005.jpg" data-mid="14299832" border="0" src="https://freight.cargo.site/w/1000/i/4d4a6cf2c15264eb30bdd3e159da76f5cdcabd02e31958e2b70cdf27becac21f/USE-IT_The_Hague_005.jpg" />The Hague City Map – 2016 https://davidmoot.nl/About-me Tue, 05 Sep 2017 20:07:08 +0000 David Moot UX Design https://davidmoot.nl/About-me Hi, I’m David! I love making people’s lives a little bit easier through designI'm a Senior UX Designer, currently part of the Flights Web team at&nbsp;Booking.com&nbsp;in Amsterdam where I help customers find the right flight and help UXers create inclusive and accessible products. Previous experience I've previously worked for luxury e-commerce website 🔗Farfetch, SaaS communication tool 🔗Plek, worked with European Design Award and Red Dot Award winning design agency 🔗Verve, and received an Effie Award working on the social awareness campaign 🔗'Behandel me als een dame'.︎Download CV In my work I focus on creating clear concepts and solutions that translate into aesthetic, functional and user centered design. I flourish when collaborating with a passionate group of people and I'm experienced in mentoring other designers. I have a passion for digital accessibility and consider myself an ambassador for creating inclusive and accessible products at the companies I've worked. I am also experienced in contributing to and working with design systems. My agency background saw me work closely with clients, facilitating workshops and keeping stakeholders in the loop which has proven to be a valuable skill in product.