Responsive webdesign

Done at

Interaction- & visual design


Hypotrust is a mortgage provider, not a bank but a mediator between banks and insurers that lend money.

Hypotrust is an existing costomer from Redkiwi, they asked to built a new website with a new CMS (from TYPO3 to WordPress) with a new and modern webdesign.  

Main goal for the new website is responsiveness, providing different target groups with relevent content, making the organisation feel more human, get new clients to trust the company with their mortgage and convincing existing customers to stay. 

The design

To make sure the design was fit for the target groups I started the process with an analysis of the Google Analytics data of the existing website. The results of this analysis shows that the website was mainly used very target driven. Pages like 'current interest rates', the 'maximum loan' calculator and 'my Hypotrust' were most commonly used. 

It became obvious that these task should be presented as clear as possible. The tasks are devided into three main target groups: 'new customers', 'existing customers' and 'mediators'.

A requirement was to make the website more personal. This is why we choose to highlight the personal situations that Hypotrust provides mortgages for. Giving them a face by using images with people. This will give new customers the positive feeling that Hypotrust is a legitimate company they can trust with their mortgage. 

  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image


To enrich the viewing experience of the users, we added animation. These animations will give a more catered image to the user, giving them the feeling that something actually happens when they interacte with the website.

Below you see one of the animation types in the form of a hover, making a lifeless teaser page more enjoyable to interact with. 

More information?

Do you have any questions about this project or are you interested to work with me? Please don't hesitate to send me a message. 

[unex_ce_button id="content_5iqzo9imc,column_content_jmjujgfkx" button_text_color="#ffffff" button_font="regular" button_font_size="18px" button_width="full_width" button_alignment="center" button_text_spacing="0" button_bg_color="#89dbd7" button_padding="10px 30px 10px 30px" button_border_width="1px" button_border_color="#89dbd7" button_border_radius="30px" button_text_hover_color="#89dbd7" button_text_spacing_hover="0" button_bg_hover_color="#f5f5f5" button_border_hover_color="#89dbd7" button_link="" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Contact me[/ce_button]
[unex_ce_button id="content_5iqzo9imc,column_content_tuq9r2pdu" button_text_color="#363636" button_font="regular" button_font_size="18px" button_width="full_width" button_alignment="center" button_text_spacing="0" button_bg_color="#f5f5f5" button_padding="10px 30px 10px 30px" button_border_width="1px" button_border_color="#363636" button_border_radius="30px" button_text_hover_color="#ffffff" button_text_spacing_hover="0" button_bg_hover_color="#363636" button_border_hover_color="#363636" button_link="" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Visit project [/ce_button]