Published on December 20, 2018.
I love making websites. There's no way around it, it's tons of fun and can be really relaxing. Between school, side projects, collaborations with friends, and work, I've had the opportunity to build a lot of websites. This is a running list of some of my favorites. Enjoy!
2018 | isaaclevien.com
When I redesigned Isaac's personal website, we wanted to make sweeping changes. A modern design and color pallete, beautiful portrait photography, and an updated information architecture: projects, performances, and pedagogy. This was my first website where I feel that I was able to make portrait orientation images really work well with the layout, on desktop and mobile.
2017 | nathansavoy.com
For this redesign of Nathan's personal website, he wanted to bring a bigger focus to his work. After working through some options, we ended up featuring several pieces of his poetry, photoessays for his collaborative work, and some video. The striking diagonal design was super fun to play with for me, and brought some interesting challenges for responsive design!
2017 | chrismccarthymusic.com
I remade Chris McCarthy's website to promote the release of his first album: Sonder. The first version of this site uses a custom-built router I wrote specifically for the site -- it's an ultra-simple wrapper over the History API, that let us keep the BandCamp embed playing as you click around the site.
The Games that Made Us
2017 | gamesthatmadeus.com
Another silly one-off site for The Games that Made Us, the podcast I started with my friend Nathan where we talk about the video games we played as kids. I came up with the lead joke while making the site, and we liked it so much it became our defacto tagline.
2017 | jacobpaulson.com
I built this portfolio site for my friend Jacob Paulson, who does fantastic restoration, woodworking, and other crafting. He sent me a series of photos of his projects, and I knew they had to take center-stage. On top of being a great craftsman, he's also a great photographer, which made my life easy.
2017 | joininteract.com
I built the site for Interact, a community of technologists that meet annually for a fellowship retreat. The opening animation was especially fun to make: I was sent an after effects file, and converted it to CSS, a process that was far more successful than I would have imagined.
2017 | pozodelosgigantes.com
I designed and wrote this site on short notice—about half an hour or so—for my friend Conor Bloomer, for his thesis project, which he called "Pozo de los Gigantes."
2017 | shortener.io
This was my first stab at building a React app since it was first announced a few years back. It's a simple web UI for a Firebase backend, but it was a fun challenge to figure out the best practices from the React community. I also spent a bit of time getting it to work with my preferred Gulp build system, but was able to get everything working. The design, on the other hand, is still a work in progress.
2016 | davidadewumimusic.com
I made this website for my friend David Adewumi, a trumpet player who graduated from New England Conservatory and is now studying at The Juliard School. When I saw this picture of Dave, I knew that it could drive the design all by itself.
2016 | nathansavoy.com
I made this website for Nathan Savoy, a writer, performer, and entrepreneur living in Massachusetts. We collaborated on several other projects as well, which are also included on his portfolio page. I think the pure CSS parallax effect fits the site really well.
Love is Not a Peer Review
I collaborated with Nathan Savoy to bring his poem to web. What I enjoyed most about this project was that my reading of the poem (which drove my design) was very different than his. That difference in interpretation adds a lot to the page, I feel.
Celestial Navigation by a Tropicana Sun
This is another site I made in collaboration with Nathan Savoy. In my interpretation of the poem, I worked extensively on flexing my typographic muscles. (They're under-used by most accounts, but it was a good learning experience.)
My Personal Website (2016)
2016 | schlosser.io
This is the website you're using right now! My eternal pet project, and a guinea pig for a new version of my project template that uses Jekyll and a progressive / responsive image loader. The build system performs significant image pre-processing to make the site run smoothly.
Chris McCarthy Music
2016 | chrismccarthymusic.com
I made this personal website / portfolio page for Chris McCarthy, a pianist, composer, and teacher living in New York City. I reused a simple CMS I wrote for an earlier project to allow him to edit pages as needed.
2016 | conorbloomer.com
I made this minimalist portfolio page for Conor Bloomer, a recent graduate from Vanderbilt University with a degree in Studio Arts, and focused studies in finance and medicine.
Feeding Dan in 2015
2016 | feeding.schlosser.io
In 2015, I took a picture of everything I ate. And I do mean everything! To commemorate the year, I made a website with every food picture I took that year, using a custom-built image grid inspired by Google Photos. I also wrote an article describing how it works.
2016 | cube.schlosser.io
I made this fun, interactive splash page for Professor R.A. Farrokhnia, the executive director of CUBE, a new graduate program being developed at Columbia Engineering. My favorite part of this site is the call to action, which is intended to be hidden from users! I'm sure you'll be able to find it...
Connecting the Dots: Chronic Absenteeism in NYC Public Schools
2016 | absent.schlosser.io
This site was part of a final project for a course I took at Columbia entitled Storytelling and Streaming Data. I was part of a group of five that researched chronic absenteeism in New York City Public Schools. The parallax header and graphics are pure HTML & CSS.
When Will the 1 Come
I made this websites as assignment in a course at Columbia called Storytelling and Streaming Data. This simple app uses the NYC MTA streaming schedule data to display how many minutes you have to wait to get the 1 train at 116 and Broadway (Columbia's local stop).
2016 | battle.schlosser.io
Made as a project for my Storytelling and Streaming Data class at Columbia, this project pits two languages against each other to compete over which one has more edit activity on Wikipedia at the moment. The score is determined as the change in edits per second.
2016 | aidanoconnell.co
This is a simple landing page I made for Aidan O'Connell, a bassist, composer, and producer living in New York. The site is simple, but I like how the opening animation brings attention to the profile image.
2015 | isaaclevien.com
I made this personal website / portfolio page for Isaac Levien, a bassist, composer, and educator living in Boston. To build his website, I wrote a simple CMS, letting him update the site with his latest performances and recordings.
World After Capital
2015 | worldaftercapital.org
Albert Wenger came to Minimill and asked us to make a website and brand for his new e-book: World After Capital. We delivered a simple site that makes great use pangea.js, an animation framework I wrote from scratch for this project. Check out our case study for more.
I made this website while playing around with different effects in jQuery. I liked the idea of having a collection of discs that moved around in parallax with the content, but in a related way, and that they would stack in a way that felt logical.