Company - Professional Portfolio

Por favor visite la versión en vivo cuando guste

Icon Link

Type of website: Multi-page approach.

Ana presented me with the opportunity to create a website for her that could blend her professional portfolio together with the presentation of her new company, called Nansystems. The idea I came up with was to use a look and feel with an institutional touch and full of the functions that are normally needed in a website of this size.

NaNSYSTEMS contains the following features and functions:

  1. Dynamic presentation of standard elements, such as images alluding to the website, relevant information and aspects of your resume, as well as services offered.

  2. Ability to modify in real time almost all elements of the page. This means that the owner of the page, or the person designated to maintain it, can edit what he/she needs to edit on, when he/she needs to.

  3. Sending and receiving emails by users. Using third party services, very secure and specialised, it is possible to camouflage the sending and receiving of messages, so that users can request quotes to the page in real time. Likewise, the owners are notified in real time in their respective masked emails, to protect privacy.

  4. Designs for desktop PC and mobile devices. Thanks to current technologies, the site is 100% responsive, facilitating its visualisation on cell phones, tablets or laptops.

  5. 100% editable blog.

  6. 100% interactive content for people with disabilities. If you look at the icon below on the right hand side, you will be able to access interactive functions that go from reading the page, to enlarging the views or modifying the colours.

  7. Site presented in English and Spanish.

In this page I was able to make use of the following technologies:

  • ReactJS

  • HTML5, CCS3, Javascript.


  • GatsbyJS, contenful, Equalweb.

  • Specialized content translators, i18n.

  • Among others.

You can access the real-time and published view here:

Nansystems Main

Nansystems Main

Creado por Saturno Mangieri © 2020


Potenciado por

  • GatsbyJs
  • ReactJs
  • GraphQL
  • Contentful
  • Javascript
  • Pexels
  • Icons8