Portfolio

I develop https://plot.ly, the marketing site for Plotly, a venture-capital backed data visualization startup.

These components were designed by Plotly's Lead UX Designer, Sidi Shen.

I then built them and arranged them into a responsive and accessible front-end user-interface using the Next.js framework.

The Next.js application is uploaded to GitHub, where a CircleCI integration that I've configured runs Percy visual regression tests and then deploys a static build of the app to GitHub Pages.

Copy and design assets are fetched at build time in the JSON format from Prismic, a content management system with a RESTFul API.

A React.js hero componentA React.js hero componentA React.js hero componentA React.js component featuring an image on the left and copy on the right with buttons.A React.js component featuring an image on the left and center aligned copy on the right.A React.js component featuring an image on the left and center aligned copy on the right.A React.js component featuring an image on the left and copy on the right with a button.A React.js component featuring an image on the right and copy on the left.A React.js component featuring a large background image with a box on top with copy and buttons.A React.js component featuring copy on the left with buttons and a graphic on the right.A React.js component featuring copy on the left with a button and a graphic on the right.A React.js component featuring copy on top with a button and a graphic on the bottom.A React.js component featuring a large background image with a box with copy and a button on top.A React.js component featuring a pricing section, with copy in a box with a button, and a bottom section with cards highlighting addons.A React.js component featuring copy and graphics arranged in a square.A React.js component featuring six boxes with copy and a graphic.

© Joseph Damiba 2019