.../articles/
Memorable Web Content, August 2019

Memorable Web Content, August 2019

2019.08.09

I regularly patrol gallery sites like S5-Style and httpster. Web galleries are fun to browse. I especially love the statement written on httpster's site — the phrase totally rocking websites — it just sounds cool.

Httpster is an inspiration resource showcasing totally rocking websites made by people from all over the world.

So here's a rocking website, by my own definition.


The Apollo 11 Moon Landing in Augmented Reality

The Apollo 11 Moon Landing in Augmented Reality - The New York Times

Since it's in English, I can't go into all the details, but this is a feature page from the New York Times. Every year they put together a collection called Visual Stories and Graphics, and I believe this is one of the entries. NYTimes has so many categories that it's hard to find these. Every site in this series (?) is well worth exploring, so I highly recommend it.

I found this a while ago, so I'm not sure exactly when it was published, but judging by this tweet asking "what do you think about taking photos on the Moon's surface?" — it seems to have been around July.

The exchanges between Houston and Captain Neil Armstrong following the Apollo 11 touchdown on the Moon are rendered in Courier, a font made for typewriters.

As you skim through the text, photos appear between the lines, and animations guide you to understand under what intent and how each was taken at the time — it's all handled with great care.

As you keep scrolling, a 3D model of Apollo 11, the lunar surface, and white frames rise up from behind the scrolling text. Depth gets added to what had been a flat rhythm, and you're pulled in all at once.

Watching actual photos taken on the lunar surface while following the exchanges between the Apollo 11 crew and Houston — a simple structure of information, yet it makes this quiet moment in space feel like a dramatic, giant leap for humanity. It works on smartphones too, and if you have the NYTimes app installed, there's an AR-like feature where you can view photos based on the direction you're pointing your phone.


What I think is most impressive about this piece is how little information it uses, and how effortless that restraint feels. It builds its world purely through dialogue and photos, and the way it draws the viewer in feels really comfortable. Rather than cramming in every bit of information and every effect, it makes the most of a handful of well-chosen touches. By weaving the technique of aligning photos with the background through three-dimensional movement into an otherwise plain, understated conversation, the technology itself never becomes the star — the story stays focused on honoring the achievement of the Apollo 11 crew.

Small touches — like displaying a white frame first and then having the photo appear inside it — are clever ways to keep users from getting confused and let them focus smoothly on the content.

I love this piece because you can't sense the creator's ego of "I did this because I wanted to" — and yet the finished product still carries all of that care and attention.

It's great how naturally the technology, the design, and the direction and editing that ties it all together come together.

You need a subscription to view past pages, so I want to follow their Twitter account to make sure I don't miss anything. I'd love to try making a fully custom, one-off article page like this myself someday.

written by

.../article/

Articles

All articles

From Firebase to Vercel, Contentful to microCMS — a migration log written with Claude Code

From Firebase to Vercel, Contentful to microCMS — a migration log written with Claude Code

We moved our corporate site's hosting and CMS, and made it bilingual along the way. The constraints we only found by running against real data were more useful than the migration itself, so this post focuses on where we got stuck.

Can't Read POST Data with Firebase Functions × Remix?

Can't Read POST Data with Firebase Functions × Remix?

How to read POST data from a Remix action when running on Firebase Functions.

Generative AI for Executives and Leaders: An Approach to Self-Driven DX

Generative AI for Executives and Leaders: An Approach to Self-Driven DX

Building a structure where executives and leaders themselves can identify issues and evaluate solutions using generative AI. We introduce how combining this with our hands-on support dramatically improves both the quality and speed of digital transformation.

Deploying a Monorepo Next.js App (App Router) to AWS Amplify

Deploying a Monorepo Next.js App (App Router) to AWS Amplify

Notes on the obstacles we hit while deploying a Next.js app managed in a monorepo to AWS Amplify.

Keeping Production Running Smoothly with Remote Work and Online Meetings [Documentation]

Keeping Production Running Smoothly with Remote Work and Online Meetings [Documentation]

Many production companies have adopted remote work as a result of the pandemic, and we are one of them.

Designing an E-Commerce Site That Sells: How to Find Great Reference Examples

Designing an E-Commerce Site That Sells: How to Find Great Reference Examples

There is no single formula for e-commerce design that sells. Driving revenue requires a solid concept, and getting to that concept requires thorough research.

Productivity Tools We Recommend as a Production Company, Including Services That Work Well Solo

Productivity Tools We Recommend as a Production Company, Including Services That Work Well Solo

With remote work becoming the norm during the COVID-19 pandemic, our team now works from home most days of the week.

We Released Thought Recorder, a Figma Plugin for Keeping a Commit History of Your Designs

We Released Thought Recorder, a Figma Plugin for Keeping a Commit History of Your Designs

We hope this helps web designers who work in Figma. Read on for how to use it.

How to Build an E-Commerce Site, and Which Platforms We Recommend

How to Build an E-Commerce Site, and Which Platforms We Recommend

Shopping online for fashion, appliances, and even groceries is now routine. With the pandemic accelerating the shift, we receive a steady stream of questions about which platform to use and how much it costs.

Generating FastAPI Schema Classes from OpenAPI

Generating FastAPI Schema Classes from OpenAPI

We chose FastAPI, a relatively modern framework, for a Python API project. FastAPI can generate an OpenAPI definition from your backend code, but here we do the opposite: generating FastAPI schema classes from an OpenAPI definition prepared in advance.

View all articles

Contact us