click

Art, tech, and design.

I believe that the web as an artistic medium is powerful and enjoy exploring ideas around interactive design and connectivity, with a focus on user interface design and delivering large amounts of information without harming the user interaction.

What is intriguing about web and design is the meeting of the human and the data - how do we present large amounts of data in thoughtful ways?



Design




Tools

Frameworks

Angular.io - Angular is a TypeScript-based free and open-source web application framework.

Bootstrap - Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.

Wireframe, Prototype, Collab

Sketch - Sketch is a vector graphics editor for macOS used for user interface and user experience design of websites and mobile apps.

Draw.io - A free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams.

Balsamiq - Wireframes

Figma - Collab

Zeplin - Collab

Marvel - Rapid prototype

Reference

Stack Overflow - Stack Overflow is a question and answer website for professional and enthusiast programmers. It is the flagship site of the Stack Exchange Network, created in 2008 by Jeff Atwood and Joel Spolsky.

Report

Observable - Data and Reporting

D3 - Data Driven Documents. D3.js is a JavaScript library for producing dynamic, interactive data visualizations in web browsers. Based on Protovis.

Google Analytics - Website Data

Snowflake - Mobile Data

Create

Animate - Adobe Animate is a multimedia authoring and computer animation program developed by Adobe Inc. Animate is used to design vector graphics and animation for television series, Online animation, websites, web applications, rich web applications, game development, commercials, and other interactive projects.

InVision - Design

Swift - App dev from Apple.

Unreal Engine - 3D game designs

Principle - App design

Native Instruments - Hardware and Software for Music Production

Style

Material.io - Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design.

Material - Color - Google's Color Picker

Adobe Color Wheel - Interactive Color Picker from Adobe

CSS Gradient - Cool Gradients