~ / Dan Schlosser / projects /
Websites

Published on November 17, 2016.

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!

David Adewumi

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.

Minimill

2016 | minimill.co

This is the website for Minimill, a design agency that I started with Jeff Hilnbrand. We spent a long time designing and engineering the site to be smooth, simple, and beautiful. I used my own pangea.js, alongside custom JavaScript to achieve this effect.

Nathan Savoy

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

2016 | nathansavoy.com/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

2016 | nathansavoy.com/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.

Redspread Marketing Site

2016 | redspread.com

Redspread came to Minimill looking for a more mature landing page for their Docker configuration as a service startup. We published a case study on our work with Redspread, which includes more details on our process.

Redspread Blog

2016 | blog.redspread.com

In addition to working on their marketing site and webapp, Redspread also asked Minimill to develop a skin for their blog, which was self-hosted using Ghost, an open-source CMS. I love how the header is achieved with just a subtle background-color change.

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.

Conor Bloomer

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.

CUBE

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...

R.A. Farrokhnia

2016 | farrokhnia.com/

I also helped Professor Farrokhnia with a new version of his personal website. While the design is not mine, I added pangea.js, an animation framework I authored, to add animations between each pair of pages.

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

2016 | whenwillthe1come.schlosser.io

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).

Wiki Battle

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.

Aidan O'Connell

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.

Fin

2015 | fin.com

The Fin team came to Minimill, and asked us to help design their website and webapp. The result was a minimalist, dark-theme website that emphasized the conversational nature of their futuristic, science-fiction-esque conversational assistant.

Isaac Levien

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.

DFA Design Roadmap

2015 | roadmap.bcdfa.com

This was my first project using React. It serves as a resource for team members of the Barnard-Columbia Design for America, a chapter of a national organization that organizes students to give back to their communities using human centered design.

Spire

2015 | spire.minimill.co

Spire is a low-friction mood board I made with Jeff Hilnbrand. The idea was to make it as easy as possible to organize a few images, colors, and some text as inspiration for a project or art piece.

Substituteteacher.js

2015 | schlosser.github.io/substituteteacher.js

Substituteteacher.js is a JavaScript library I wrote for exchanging multiple sentences as a single animated tagline for a website. I built this simple site to show it off and explain how to get started using it.

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.

Upchannel

2015 | upchannel.com

Upchannel came to Minimill with a challenging request: making a website and brand for a pretty un-sexy and confusing industry: software services for mobile app OEMs. After several iterations, we landed on a pretty great design. Check out our case study for more.

Unscan

2015 | unscan.com

Unscan was our first client at Minimill. A startup intent on disrupting the banking industry, Unscan wanted a website that would give their customers confidence in their product. Check out our case study for more.

Techncia

2015 | gotechnica.org

This is the website for Techinca, an all-women hackathon at University of Maryland. Built in a time crunch (only a few days!), the site was my first experiences using Zeplin and Gulp, two tools that I now rely on to be productive.

My Personal Website (2015)

2015 | 2015.schlosser.io

This was my third incarnation of a personal website. It placed a focus on communicating my resume, projects, and writing all in one feed. It was also the first personal website that I made that made use of my project template.

Campus Data

2015 | campusdata.org

I remade the website for Campus Data in Jekyll, using Materialize, a CSS framework for Material Design. Campus Data is an organization that promotes open data at universities. My additions to the site include the Campus Data Rankings table.

ADI Website

2014 | adicu.com

I built this website for ADI, the Application Development Initiative, the tech club at Columbia that I was a member of for my four years there. I made the ADI website using Eventum for a CMS. The site design and ADI logo are by Jeff Hilnbrand.

DevFest (2015)

2014 | 2015.devfe.st

I designed and built this website for DevFest, a hackathon run by ADI, the tech club at Columbia, which I was a member of for my four years there. This site was really fun to make, as it was one of my first sites to make great use of jQuery scroll handling.

People Nav

2014 | static.schlosser.io/people-nav

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.