Vitality Map Visualization
Vught Data Dashboard
This proposed dashboard design shows demographic data for the city of Vught (NL). I used a prototyping app, Sketch, to design the prototype.
Data System for VLL
Data curation application related to vitality designed for the VLL (Vitality Living Lab) project. The top page shows all publicly available datasets. Authentication functions are developed based on Node.js and MongoDB (database). Individual dataset pages provide more tools such as overlaying maps. Profile pages after logging in are not developed (digital prototypes).
Data Visualization Assignment
This data visualization was created for a part of the recruitment process at a payment company by using R and Sketch app for cleaning up. An online version was also developed separately by D3.js.
This transit diagram was designed to promote transportation in the San Francisco Bay Area by showing its network and connectivity. The diagram was drawn by using Illustrator by looking at agency's website or leaflet regarding their regional networks.
Tenderloin / SOMA
A Series of data visualizations about the neighborhood of Tenderloin and SoMa (South of Market) was designed to communicate the necessity of improvements there to various audiences including citizens. Original data visualizations were created by using ArcGIS and R. Then, Illustrator was used to cleaning up and organize all visualizations.
New Wave of Bikeways
This web map application shows survey results from citizens in San Francisco to ask where they need new bike paths as well as which bike paths have to be improved.
These infographics were created to advocate the improvement of streets for safer biking by using R, ArcGIS, Illustrator, and Photoshop.
Variety of information designs done for courses at San Francisco State University. Most of works has done by the combination of ArcGIS, R, Illustrator, and Photoshop.
Bike Share Poster
Data visualizations and information graphics about Bike Share designed for Information Design course at San Francisco State University. R is used for making data visualizations and Illustrator for cleanup and layout the visualizations. The shape of a bicycle is used as a frame/grid to layout the visualizations.
Several cartographies were created for various projects by using ArcGIS and Illustrator.
Examples of spatial analysis (slope analysis, hillshade, and network analysis) done for several projects.
SF Bay Area
This is an experimental project done by using mainly ArcGIS. I was asked to visualize communicating patterns in the San Francisco Bay Area based on a survey data. The survey data contained zip code of respondents’ homes and also their work locations.
For a massive development plan in the neighborhood of Bayview in San Francisco, I compiled GIS data received from many different sources. The compilation of GIS data was also exported in a way that non GIS users are also able to use (Adobe Illustrator format with separate data layers).
Biodiversity GIS Data
Looking at parcels in the city, I created the GIS data (shapefiles) showing potential habitat (unused land) by using ArcGIS collaborating with the other intern for the Department of Environment in San Francisco.
This is a project to design and develop an internal inventory of GIS datasets for MTC (Metropolitan Transportation Commission). To make the search easier, Google-like simple search window was considered with the implementation of the tag clouds to see the popular datasets.
Account Pages for Video Streaming Service
These account pages were designed and developed (only front-end) for a video streaming service. These pages include users' profiles, albums users created, and videos users own with several functions such as sort, order, filter, and upload videos.
Affiliate management pages are designed and developed for users to see the income through an affiliate with a video streaming service.
Several landing pages were designed and developed to increase the member of a video streaming service, which communicate about the service and the benefit of becoming a member.
This project is to renew an outdated Japanese media website. The new design was proposed by hearing the client’s requests (e.g. modern looking and accessibility of information on the website) and then developed.
This poster is a final project for a design (typography) course at San Francisco State University. Miriam Makeba was (randomely) selected as a person to commemorate and promote by using various media including this poster.
This graphic is an assignment for a design (typography) course at San Francisco State University. Information on a passport was used as a source, and the information there was recomposed.
Although it is not the main work, I like logo designs, which communicate messages with minimum visual elements.
This book is a personal editorial design project using Adobe InDesign and Photoshop.