Sanne Peters Front-end architecture, linking design and development

Personal info

Full name:
Sanne Peters
Venray, the Netherlands (Europe).
E-mail address:
Language skills:
Dutch and English, both written and spoken fluently. I do speak a bit of German, but not that well. Trying to learn Spanish and Japanese, but at a hobby like pace.
Drivers license:
Not yet, but I am learning. Meanwhile I use public transportation like an expert 😉. But all funniness aside, I live 1 kilometre away from our local train station. So I have easy access to public transportation.
Writing stories and making comics. Cooking and eating complicated food (a.k.a. being a foodie). Reading, everything from comics to novels.
phone number:
++31 (0)6 262 742 30.
GitHub account: (Take a look at some of my code)

Why an online CV?

A CV gets supplemented with new experience and other data every so often gets easily gets passed around. Very quickly almost everyone ends up with an different and/or outdated versions. Keeping it in one place and publicly available ensures everyone can always see and review the most up to date version.

This page is also optimised for printing and saving as a PDF via the browser. Of course text blocks like these are not printed.

Education and Degrees

  • 2000 – 2004: A (dutch) MBO degree in bio-technology.
  • 2004 – 2008: A BSc in bio-informatics at the HAN University, Nijmegen.

After graduating I came to the conclusion I was not the type to be a scientist, because in my heart I knew that I was a problem solver and a builder. With that in mind I started to work as software developer. During the initial two years I got really interested in the psychology of human-computer interaction and other related UX things and started to guide my carreer in that direction.

Throughout the years I learned a lot from my peers (fellow UX-ers) and even gave a presentation or two myself.


Since my skills set is a bit diverse I though it would be helpful to explain it with the use of bar-charts. Each bar in the chart represents the level of each skill. The more blue a bar becomes the higher I rate my skills in it:

Front end development

I like to both figure out how something should work in relation a user and what kind of technologies can be used to achieve this. In web-development the closet technology to the end-user is the front-end of a website, so that is why my focus is mainly there:

Version control

I am a big fan of version control, which I not only use for storing code, but also design iterations and articles I write. It is good to know if you wrote something a while ago, you can still retrieve it easily months later.

Design & Design Operations

I have a good understanding of design in general. I find it fascinating how people could and can use technology and the psychology behind it. Futhermore I tend to focus on the internal communication between the roles of Designers and Programmers and provide methods for more effective collaboration. To give a concrete examples of my distribution of skills I visualised them.

Other skills

Originally I am from a background in scientific programming in which I worked with several languages (like PHP, Python, PERL, C#, C++ and SQL) and predicitive modelling. Even though nowadays I work in web-development this background has led me to work with (and explore) things like Linked-Data, BlockChain and Data Visualisation.

Work experience

Front-end architecture at Bankai

May 2017 – now

At Bankai I work closely as a link between design and code. I facilitate (communication) systems that promote cooperation between Designers and Software Developers, like styleguides and component-based systems in Vue and React. On top of that I also just to write code.

Together with Tom Klaassen en Wietse Klomp on several projects for TNO, NXP Semi-Conductors and a few more.

Interaction design at Bed & Breakfast Europe

March 2016 – April 2017

I was hired at Bed & Breakfast Europe (BBEU) to fill in a gap of design expertise within the company. BBEU had recently updated the layout and styling of their sites, with the help of an external design firm, to a responsive design. My job was to set up a way to build on this new design and find an effective way to maintain it.

Over the course of months I advised and figured out in which way the stakeholders could effectively communicate their wishes to development through the means of design, within the existing structure of their organisation.

To provide a solid foundation to work from I set up, with the help of two front-end developers, a component-based design system. This futher provided a foundation on which new features and innovation could happen.

Interaction design and development at Realtime Solutions B.V.

January 2014 – Februari 2016

At Realtime Solutions I worked on the various warehouse management interfaces (hand-held scanners, web-apps), slowly improving the user interaction of their existing systems and new ones. In addition I had the joy of working on a system that was used by different types of users. Ranging from Company executives and order pickers working on the warehouse floors.

While there, I also helped them set up a general corporate identity in terms of logo, interface layouts and corporate website. To help maintain this and communicate all the guidelines associated with it I also set up a internal style guide.

Futhermore I updated a system that allowed users to organise their warehouse processes on their own. These processes had a unique problem to them in that their network like structure could easily become a tangled mess. To solve this I used force directed graphs to help untangle them automatically.

Front-end development for BNG bank's website in conjunction with DigitPaint

October 2013 – December 2013 (2.5 months)

For this small projects I was hired by DigitPaint's Flurin Egger and Ronald Wind to develop the complete front-end based on an existing design.

Interaction design and development of a web-app for

October 2013 – December 2013 (2.5 months)

This smaller project involved setting up a Minimal Viable Product (MVP) for a Dutch consultant active in road construction. This MVP would serve as interactive FAQ-app for road workers on how to deal with special problems. Although initially designed as a self-contained app, it was soon opted to build it as a web-app due to time constraints. The web-app itself was build using Angular JS.

Front-end development and Interaction design at StudyPortals

August 2012 – September 2013 (1 year and 1 month) Eindhoven, the Netherlands.

StudyPortals provides a search engine for educational resources, such as Bachelors and Masters degrees, but also language courses.

For StudyPortals I helped build up the Community Features on their portals. This included user-registration, -login, account management, saving the users favourite studies and favourite searches. In this I helped set up the user-interactions and build the front-ends in HTML, CSS3 en JavaScript.

I also rebuild the client reporting system to inform clients about the performance of their products. In this I re-structured large unwieldy data-tables to more concise interactive data-visualisations. These visualisations ranged from self-designed product-conversion diagrams, stacked graphs and tree-view browsers. All these data-visualisations were build in HTML and SVG with the help of the JavaScript library d3.js. Working with with data-visualisations re-kindled an old passion that I had for data.

Front-end development and technical client support at e*cube

November 2009 – August 2012 (2 years and 10 months) Nijmegen, Netherlands

At E*cube I, together with two other front-end developers, build and maintained web shops for companies such as Intertoys, Men at Work and Marskramer.

While doing technical support I started to develop an interest in User Experience [UX) and how design could improve it. This is when I started to apply and learn interaction design and developed a passion for it.

General web-development at Velox IT Services BV

October 2009 – November 2009 (2 months) Maastricht

A small job in which I build a web-based hour registration system. This was build in HTML and CCS and JavaScript using jQuery, with a back-end built in C# in ASP.NET.