Portfolio Matthias Dillen
About myself
Hi there! I am Matthias Dillen. I am 23 years old and graduated, in the year 2018, in ‘Product Development’ at the University of Antwerp. Throughout my student-career, I became familiar with the different phases within the design process and developed the necessary skills to successfully complete each assignment. Some of these assignments are shown within this portfolio. My spare time activities mainly consist of sketching, hanging out with friends and exploring new suburban and natural environments. Other interests are streetwear, sneakers and cars.
Summary School assignments
Spare time projects
Sketching
Green Waze
Transportation Design
Antenor ATM
Visualization
Document setup Fonts
Colors
Proxima Nova ABCDEFGHIJKLMNOPQRSTUVWXYZ Light
1234567890
abcdefghijklmnopqrstuvwxyz
Gotham Book
ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
abcdefghijklmnopqrstuvwxyz
Gotham Bold
ABCDEFGHIJLKLMNOPQRSTUVWXYZ 123456789
abcdefghijklmnopqrstuvwxyz
PANTONE Blue 0821 C RGB:
116
209
234
PANTONE 13-0324 TCX Lettuce Green RGB: 190 211 142
PANTONE PQ-13-0858TCX Vibrant Yellow RGB: 255 218 41
School assignments
3D-Tympanoscope
10
Months
Design Letter
“
Develop a compact, hand-held medical device which is based on a 3D-technology and capable of recognizing the shape of the tympanic membrane. The prototype will be used in future clinical research.
The result A product design is developed which uses a multi-shot moirĂŠ-profilometry technique to measure the deformation of the eardrum and is able to present the shape of the tympanic membrane in a 3D-map. The prototype will be used within clinical research that investigates the relevance of eardrum deformations as a predictor for existing or manifesting Otitis Media. The device is very mobile because of the USB connection that is used to connect the device to a computer, used for postprocessing of the images with the use of the required processing-software. In addition, the device features two systems which enables the practitioner to adjust the focus of the system to the length of the ear canal and speculum.
3D-Tympanoscope Ease of use Flexibility Compact Mobility
Processing-Unit
10
Analysis
GigE-Cable
The first steps, that are gone through, are related to the analysis of the initial prototype that was already made during a previous research-phase. This prototype was tested in various trials within the scope of a scientific research, conducted by the external advisor. The results of the research show the functionality of the device and the ability to capture the shape of a dynamically changing tympanic membrane.
Imperx CCD Camera Bobcat B0620
This research also highlights several problems which need to be resolved before the system can be used on actual patients. The first step consists of an analysis in which the different components of the prototype are examined and their purpose and mutual communication is identified. This way, the most important components are identified.
Otoscope Head BNC-Trigger Cable T.i. Lightcrafter
Months
10
Technology The prototype features a multi-shot 3D-technology, which uses images of the deformed patterns that were previously projected onto the tympanic membrane. These images are then processed by a computer that is equipped with the required processing-software. Since the 3D-technology is based on a multi-shot principle, multiple patterns are required to obtain one 3D-map of the tympanic membrane. Since the patterns are projected at a high frame-rate, the camera and projection-unit need to be synchronized. In addition, the patterns shift with a specific phase, namely 3 /2 radians. If the data, delivered by the images of the deformed patterns, are processed, the software is able to deliver a 3D-map of the tympanic membrane. This image is one frame of the real-time 30fps video-stream.
3 2
Months
10
Exploration When the various analysis have been conducted, the findings were validated within a synthesis. This synthesis led to the definition of the concept and identified different aspects/subsystems that need to be developed in order for the system to work more efficiently. For each of these subsystems, different solutions were sketched. When a multitude of solutions were outlined, these were compared to each other in a trade-off. Eventually, the most feasible and efficient systems were identified and combined to define the total system featured in the device.
Months
10
Concepts In addition to the technical solutions that were found for the subsystems, different concepts were made considering the look and feel of the device. Within this ideationphase, the technical requirements of the 3D-technology were not considered. The generated concepts are used within interviews with ENT-physicians and general practitioners, to determine their personal preferences related to the setup which is featured in the device. Based on the results of the interviews, the decision was made to use a setup similar to the one that is used in regular otoscopes.
Months
10
Product Design Since both the subsystems and the setup are defined, the required steps can be taken towards the development of the final design. This design is obtained by combining both the subsystems and setup that were chosen. The device contains a micro-beamer which is synchronized with the camera unit. Each time a new pattern is projected, the camera captures an image. Two adjustment systems are used to move the camera and/ or the projector closer or further away from the corresponding lens. This way the device is able to focus the observation- and projection plane. In addition to the 3D-model, that is used for visualisations, a simplistic prototype was made that features the same components and systems, but can easily be 3D-printed.
Months
10
Verification
Step 1 1
Step 2a1
Step 3 1
Step 2b1
Step 4 1
Step 5 1
The final steps, within the developmentprocess of the device, consists of different trials in which the overall functionality of the product design is tested. Within the first test, the ability to focus both systems and the synchronisation of the most important components is tested. In addition, the contrast of the images, taken by the camera, is examined. This way, a prediction can be made considering the functionality of the device when used on human eardrums. This experiment also visualises the user-flow that is related to the device. Within the second test, the prototype is used on human eardrums. Since the tympanic membrane of a human being is transparent, it is important to test the device within more realistic circumstances. The results are given in the lower right images. In addition to the first trials, a test related to ergonomics of the design was performed. Both outer shells of the design were 3D-printed and assembled. This model featured the required controls and a speculum in order to mimic the device.
Months
10
Months
Slider (pattern adjustment)
Dial (camera adjustment)
Connection bulb
USB 2.0 cable
Start / Stop button
Connection speculum
Green Waze
Product-Service Design
Green Waze
3
Months
Design Letter
“
Create a Product-Service Solution, for Antwerp and it’s citizens, based on the principle of ‘Sharing mobility’. The assignment was conducted over a period of three months in a group of three people. The focus of the task is based on ‘Sharing mobility’ and consists of the following mission: “Design a Product-Service Solution for Antwerp in the far future. (2030, 2040, 2050,...)” Since all team-members foresaw the same changes in the upcoming future, consisting of an increased reduction of cars in cities, increasing use of bicycles for personal and professional use and growth of the overall population, the decision is made to focus on bicycle traffic in Antwerp.
Antwerp
Transport
Traffic
Antwerp Vélo
Cyclists
Green Waze
3
Months
Context At first, several key problems were defined that would be of great importance in the future. These problems were: The exponential growth of the population. The borders of cities will expand even more. Pollution in large cities increases. These problems were then combined with the principle of the ‘Green Wave’ that is used in Copenhagen. This principle offers cyclist an effective and fast way to go from point A to point B, because traffic lights become green for cyclists that go faster than 20km/h. Both aspects defined a useful context for the design process of the ‘Product-Service’ System (PSS). The context describes a future in which self-driving vehicles are dominating the roads and the infrastructure is focussed on the mobility of these vehicles. This PSS-solution will help cyclists to conquer a more important role in traffic, it offers a way to improve social contact in a digital society and leads to an organised system that controls traffic in the city. In addition, data is collected that is used to improve the Product-Service System for the users.
Population
Solution
Green Wave
Large cities
Green lights
Pollution
Improve social contact
Bicycle is King
Collect Data
Green Waze
5 3
Months
Interactions
Project Route
Different interactions that will be features in the device, are tested with the use of different digital animations. These are all focussed on the interaction with the user. By using the user-tests, the final interactions of the device were selected.
The first steps of the process consists of using different PSS-tools in order to determine the current system and the problems related to this system. The tools used for this analysis are a Context-map and System-map. The results, obtained by these tools, are then organised in order to find different solutions for the problems, that were defined in the previous steps of the process. The organization of the results is conducted by using two new tools, namely: LotusBlossom and 8x8-Solution Grid.
Testing interactions
Eventually, the process of organising the results leads to specific solutions that are used when defining the Product-Service system. Lastly, a Business Model Canvas and PSSoverview were created in order to present the total PSS-solution and the different products, services and stakeholders. Designing Wazr device
Device
When the final interactions are selected, the design of the device could be determined. The design was achieved by sketching multiple variations.
Developing application
Application
Beside the device, an application is developed with the use of wire frames. Eventually, the entire UI was created.
Green Waze Added Values The PSS-solution consists of a system which offers cyclists the ability to create groups or ‘Green Waze’ that obtain benefits when the size of the group grows. When a large group of cyclists arrives at an intersection, the lights will turn green and they get priority over autonomous vehicles that are driving through the city. This system leads to a more fluent stream of traffic and a more pleasant commute to work or for leisure. The system collects data related to the position, speed, amount, etc. of the cyclists and uses an algorithm to process the data and adjust the various streams of traffic.
5 3
Months
Green Waze Application By using the application, cyclists can check the news page that offer information related to the traffic in the city, it offers them the ability to start a new route using a ‘Green Waze’ or not, recover stolen bikes, collect fitness data, etc.
The Wazr The device is placed onto the handlebars of the cyclist’s bicycle and features three functions. These functions are: GPS-Function: The location of the cyclist is traced and used to count the number of cyclists in a ‘GreenWaze’. This also helps regulating the traffic in the city and guides the cyclists through the city as a regular GPS. Speed: The speed that is indicated by the device is regulated by the system. It is used to join or divide groups for the purpose of a more efficient traffic. Notification: The bezel of the device flashes when the cyclist receives a notification on his/her phone. The second product consists of a bracelet that is worn by the cyclist. When a cyclist wants to join a ‘Green Waze’ he/she will ‘high-five’ a member of the group.
5 3
Months
Green Waze
5 3
Months
User-Scenario The images on the right show a ‘userscenario’ which highlights the different steps in the process of using the PSSsolution, ‘Green Waze’. In this scenario, Marie and Lies arrange to go shopping in Antwerp using ‘Green Waze’. However, ‘Green Waze’ can also be used in other scenario’s such as group sports, recreation, work, etc.
Marie cycles between Mortsel and Antwerp to go to University.
She orders the Green Waze package online.
On the way, Marie joins Lies’ Green Waze.
Lies also uses Green Waze and takes a route close to Marie’s house.
At the crossing with ‘De Ring’ road, all lights turn green.
Because of the size of the group, all lights turn green along the route.
Marie creates an account and connects the Warz to her computer.
Lies calls Marie to go shopping in Antwerp.
When the arrive, they receive a notification to lock their bicycles.
Antenor ATM
‘Payment Terminal’ Design
Antenor ATM
5
Months
Design Letter
“
Redesign an ATM (Automatic Teller Machine) in such way it is modular and safe at the same time. The design has to be good looking, feasible and should fit perfectly into a chosen environment. This Bachelor thesis was done for the company ‘ANTENOR’, which delivered all the necessary information considering the various components and technological specifications.
Adjustable
Accessibility
The result The assignment was carried out in a group of two members. My teammate and I decided to design a new ATM to fit into any modern hotel. Therefore we made sure the design was as clean and pure as possible, but still customizable in size and color. The ATM would be replacing the receptionist at midnight or when the reception is unmanned. Therefore, the machine and its interface had to be user-friendly and emit a certain personality. We tried to achieve this feature by equipping the terminal with a self-adjustable touchscreen that adapts itself to the height of the user.
Multiple sizes
Customizable
Antenor ATM Analysis The first phase of the assignment included an analysis of existing payment terminals, which are used in various environments. For example, different ATM’s were found in parking lots, cinemas, post offices, etc. For each terminal, characteristic features were listed and positive and negative aspects were identified. This analysis led to the insight that hotels were uncharted territory for manufactures of ATM’s, which therefore became the environment in which the future ‘payment terminal’ was developed.
Inspiration The styling of the terminal had to be clean and modern, so the device would fit in different hotel environments. In addition to the overall look, various ways of implementing colored details and features are being examined and the use of different materials is explored. In order to visualize the preferred styling, various simple objects and devices were combined into an inspiring moodboard.
5
Months
Antenor ATM Exploration Based on the information gained from the analysis and the proposed appearance that was visualised in the moodboard, various sketches are made considering technical solutions and styling. The most important aspects for this ideation-phase were: Modularity, Styling, Ergonomics, Feasibility, Personality and Feedback. By carrying out a simple ‘trade-off ’, the best features were chosen and combined into one device.
5
Months
Antenor ATM
5
Months
Verification Different set-up’s of internal components were tested by using cardboard models. For example, the organization of internal components such as the bill validators, coin validator, coin recycler, etc. was tested by using a cardboard scale model. In addition, the mechanism that enabled the screen to adjust in height, was also tested by using scale models. Once this system worked, it was translated into 3D-software and verified a second time. User-Centered verifications were conducted by using a ‘full-size’ model. This way, the perfect height of different interfaces could be determined and the overall size was compared to real users.
Set-Up 1 1
Set-Up 2 12
Set-Up 313
Set-Up 11a
Set-Up 2 11b
Set-Up 3 1 2a
Set-Up 3 1 2b
Antenor ATM
5
Months
Features In the previous phase we chose the different systems we will be working with. The next step is to build all the pieces in Solidworks and materializing these parts so we can start rendering the model. The most important feature of the automat is the adjustable touchscreen. This is the key-solution for the personal interaction with guests.
Adjustable
Accessibility
The renders visualize the product family and the interior of the automat and vault. Both the automat and vault can be build wider or smaller because of the use of standard pieces. Customization of colors is achieved by replaceable detail parts.
Multiple sizes
Customizable
Antenor ATM
5
Months
Spare time Projects
Sketching
Sketching
Sketching
Sketching
Sketching
Transportation Design
Transportation Design 1
2
3
4
5
6
7
8
9
Transportation Design
Visualization
Visualisation
Visualisation