danielvivar.com★

who I am

Hi, my name is Daniel Vivar and I'm a senior front-end web engineer with +12 years of experience in businesses that range from e-health to banking.

At work, I focus on software craftmanship and lean approaches, embracing open web standards, re-use proven patterns, focus on the business goals, keep my team happy and make my managers proud. I taught front-end development at a tech academy in Madrid and help maintain open source projects whenever I can.

I spend most of my free time reading about science, politics and technology, taking care of my 2 cats or dining out with my partner in one of the hundreds of amazing restaurants in Madrid.

    Focused on...
  • software craftmanship,
  • embracing open web standards and re-using software patterns,
  • and business goals and career growth.
    • (full redaction at website)

what I'm looking for

A team to lead on a company I can help grow!

My future company should be a place where learning and sharing knowledge is actively encouraged. I feel specially motivated in projects where we can collaborate into creating delightful user experiences for great products.

Other features that thrive me are an open-minded culture, flexibility, a healthy environment, a focused team and companies where technology is nourished from its heart.

    Where...
  • sharing and learning is encouraged,
  • there's a clear focus on customer experience,
  • and technology and their people is at heart.
    • (full redaction at website)

what I'm good at

I'm really good at abstract thinking: understanding business problems and explaining complex issues to both technical and non-technical colleagues. Also being able to have meaningful conversations with people from every team, experience and level.

This also helps when designing the architecture and experiencies of products and when discussing the pros and cons of each solution with colleagues.

Because of the motivation to learn new stuff, when picking up tasks I'll always go for the more challenging ones. That means teams that tend to do pair programming or encourage cross-team work are important to me as well.

  • Designing and building web front-end experiencies with any technology
  • Creating easy-to-read, maintainable, tested and scalable architectures and patterns
  • Automating as much as we possibly can
  • Presenting complex technologies in simple terms to any audience
    • (full redaction at website)

which technologies and tools I use

click on a tag to reveal its definition

Definitions for each term are available on my website.

javascriptweb componentsvuejses6babelpwanodenpmcsssass/scssphptddbddangularjsbootstrapcroa/b testingcmsheadless cmscd/cigitjqueryqa engineeringe2e testingapi testingprototypingwireframingserverlesscloud functionsresponsive web designprogressive enhancementsoapagilescrumkanban

where I've worked

  • ING Bank
    senior front-end software engineer
    2019 Mar
    present
    Madrid
    Participating in projects as senior software engineer, leading in front-end tech.
    • Designed and built a whole solution for our public-facing CMS based on a semantic Web Components library written in TypeScript and browser extensions to customise Bloomreach Experience Manager (a CMS) for our marketing and copy editors. This solution was selected to be showcased in a live demo to our global CIO, Ron van Kemenade, during his 2019 visit.
    • Designed and built the Spanish market PSD2-compliant platform for 3rd parties that allows customers to initiate payments through a PIS flow (Payment Initiation Services) and aggregate products from 3rd parties for a later use of AIS (Account Information Services, AIS), following ING global standards and integrating ING global components and APIs.
    • Helped in the design and development of Money Up! as part of the new retail Spanish digital platform, based on a micro-frontend architecture.
    • Part of the core front-end chapter team at ING Bank.
    • At the moment, designing and working on a new cross-product consistent onboarding experience for prospects, the very first thing new customers will experience, coming soon!
  • Zava
    front-end web engineer
    2015 Oct
    2019 Feb
    London
    Acquiring mid-seniority after 3 years as a front-end web engineer in a fast-growing e-health company, using the latest technologies and practices.

    In Zava I was mentored by the head of development from the beginning and had the fantastic opportunity to see a thrilling company grow. From helping rebrand from DrEd to Zava, moving offices from Farrringdon to Angel and many other big events, as well as being part and even leading in some development work.

    Some of the technologies/tasks/skills that I've learnt or developed further while at Zava:

    • Developing and maintaining the main healthcare assessment app and others in AngularJS and Vue.js and mastering JavaScript on the way.
    • Developing from scratch a PHP file-based CMS (Kirby) and maintaining older db-based one.
    • Mastering styling with SASS/SCSS.
    • Managing CRO which requires several teams working together (Data, UX, Marketing and Engineering). Manage data with Looker and all events with Segment. Creating experiments for A/B testing and more advanced customisation with Optimizely.
    • TDD writing unit tests with Karma, Jasmine.
    • E2E frontend and API test automation, using Protractor, Jasmine, PhantomJS, WebdriverIO, Frisby.
    • CD/CI with Jenkins, Docker, AWS, Github, Netlify.
    • Agile methodologies: Scrum, Kanban.
    • Prototyping with InVision to create high detailed and visually attractive user experiences. For instance, this app I designed from scratch in InVision Studio for a new order tracker .
    • Went from task runner Gulp and package manager Bower to only Yarn to then everything done with npm scripts and even bash scripts again.
    • Serverless architectures and cloud functions with AWS Lambda.
  • Typeless
    lead ui/ux designer
    2014 Sep
    2015 Sep
    London
    UX/UI Designer working on everything from scratch: a real London startup environment.

    Typeless was a contacts aggregator (at Product Hunt ). The founders were based in London and a team of developers worked remotely from India.

    I helped both filling the gap between the 2 teams and getting a complex idea and a set of features into a simple and intuitive user experience.

    Part of my work here includes:

  • Atos
    hybrid apps developer & researcher
    2013 Oct
    2014 Aug
    Madrid
    1 year internship in a big consulting firm as a hybrid apps developer/researcher.

    During this 1-year internship in the Smart Mobility working group within the Solutions Delivery and Architecture department at Atos in the central offices in Madrid, I did develop my very first skills as an engineer. Learnt new technologies, researched a lot, took part in several projects, attended courses and, most of all, soaked in a real business environment.

    This is a non-comprehensive list of some of the things I did:

    • Design and development of mobile hybrid apps: using Apache Cordova, common web technologies and some specific light frameworks like jQueryMobile.
    • Automated mobile application testing: using Calabash and Cucumber to write tests following a BDD approach which at the time allowed us to both test hybrid and native mobile apps in all platforms.
    • Rapid Prototyping in which I used Axure RP, Appery and Pencil.
    • Web Services testing: i.e. SOAP Web Services using SoapUI.
    • Projects: the most important project was a prototype hybrid Android app for Correos (an important client, the equivalent of Royal Mail UK in Spain) to be used in dedicated tablets in post offices to for customer self-service.
  • Grupo Coeco
    graphic designer
    2010 Mar
    2013 Mar
    Madrid
    Part-time graphic designer during 3 years for a non-technology company.

    While studying in college, I worked as a graphic designer for this kitchen design brand firm and factory in Madrid. Creating corporate branding and managing online/offline marketing.

    I helped as well in the development and maintenance of several websites owned by the parent company. Also, I did office and business IT tasks and organised training sessions for employees.

(full work experience at website)

where I've studied

  • Universidad Politécnica de Madrid
    Bachelor's Degree in Computers Engineering
    2009
    2014
    Madrid
  • HTW Berlin
    Degree's Final Project
    2013
    2013
    Berlin

    During a 4-month Erasmus scholarship I developed Secutrak as my Degree Final Project. A native Android app with special tracking features that could be used in a wide range of applications.

    I also designed its brand but eventually didn't publish the app in the Google Play app store.

how you can get in touch

about this site

This site is a PWA made with Vue CLI 3 (so Vue.js + Webpack), hosted in Bitbucket and GitHub and deployed with Netlify.

It could have just been one HTML5 page plus some vanilla JS and CSS in a normal server, but automating both the development workflow with the webpack based Vue CLI dashboard and the deployment plus lots of other perks from Netlify's free tier is just a breeze and very educational.

Vue CLI dashboard

Netlify has snippet injection, so Google Analytics is added during deployment that way, and my e-mail address and phone number are behind AWS Lambda cloud functions, also served by Netlify. It all costs zero, nada, gratis! The only unnecessary luxury is the domain, for which I pay around £8 per year.

I'm also trying to demonstrate that content —what— and style —how— are two logically detached layers of web design.

Here is my previous personal site , done in 2015, with other goals, interests and definitely simpler.