Wireframes, User Flows, Storyboards, IA and Documentation
Take a peek behind the scenes and have a look at a selection of my UX work that usually stays hidden. You will easily see that I am a fan of lo-fi wireframing and leave the ui design to the professional UI designer.
As a freelancer I work with the software my clients want me to but I admit that I still have a sweet spot for Axure especially when it comes to more complex prototyping. If you have any questions just let me know.
Wireframes
The examples show a more or less random selection wireframes with a focus of information and interaction design which I personally find the most exciting. But of course I do wireframes for content pages as well.
Dashboard wireframe for myAudi
Once upon a time ... a wireframe for the app 'Drive Data' for myAudi
Offer comparison in a mobile first project
Userflows
The following user flow is one out of severals that I created for the booking engine of the DAAD Ambassador Programme. According to client requirements the booking engine mixes automatic and manual processes which made it rather complex. As our contact persons were no tech experts I tried to illustrate the process in a way that made it more easy to understand. You can follow the process here: https://www.studieren-weltweit.de/botschafter/
Booking flow for the DAAD Embassador Programme
Storyboards
As a UX designer I created storyboards for explainer videos or campaign pages. Even though it's not the main focus of my work it's a very welcomed and nice diversion. The first example shows the storyboard of an explainer video for medizintechnolgie.de. The second one shows the storyboard for a campaign page of Mercedes-Benz. Unfortunately both of them are not online any more.
Explainer video for medizintechnologie.de
Storyboard for a Mercedes-Benz Viano campaign page.
Information Architecture | Sitemaps
The following example is probably one of the most complex ones I ever did. The aim was to display as well the technical interplay of the several technical sources that werde involved in the project. Also the sitemap displays the mesh of editorial roles and rights. I loved it!
Documentation
In the past I often worked in environments in which the technical development was not implemented inhouse. In these cases I set up a rather detailed documentation format – usually with Atlassian Confluence. Find here some examples of several documentation styles with or without Confluence.
Template Documentation
Example for the Audi Dealer platform
Module Documentation (Excerpt)
Simple Interaction Documentations for Inhouse Development
