uto usui

_Works

WIRED.jp

WIRED is a media about how technology will shape our future. To speed up the old site by quitting WordPress, I implemented the SSG architecture in Nuxt. After the renewal, the load time was reduced to 1/2, and the transition time to 1/5. I build an Atomic Design-based design system and achieve robust component management with Storybook.

Nuxt / TypeScript / Test / Design System / Interaction Design / Creative Direction

VOGUE JAPAN 20th Anniversary 1999~2019

This is a site that digests the culmination of 20 years of VOGUE JAPAN and introduces the archive with various contents. The luxurious and modest brand image was expressed with WebGL distortion and glitch noise. The subtleties of beauty are controlled by the smoothness and sharpness of the interactions.

Nuxt / TypeScript / WebGL / Interaction Design / Develop Management / Creative Direction

WIRED vol.39
The World in 2021

Since this page contains many articles, we implemented a fluid interaction as if a large amount of information were flowing into the magazine. We also used a simple but directional parallax expression to express the feeling of the magazine shaking.

Nuxt / TypeScript / Interaction Design / Creative Direction

WIRED vol.35
Deep Tech for The Earth

Nuxt / Interaction Design / Creative Direction

WIRED vol.34
Narrative

Nuxt / Interaction Design / Creative Direction

WIRED vol.33
Mirror World

Nuxt / Interaction Design / Creative Direction

WIRED vol.32
Digital Well-Being

Nuxt / Interaction Design / Creative Direction

GQ MEN OF THE YEAR 2018

Vue / WebGL / Interaction Design / Creative Direction

_About

skill set

Design
Figma / Sketch / Photoshop / Illustrator / XD / atomic design / design system
HTML
EJS / Pug / SEO / semantic markup / accessibility
CSS
CSS4 / Sass / SCSS / Stylus / custom properties / Responsive (Mobile First | fluid layout) / CSS architecture / style guide / tailwindcss / Bootstrap / Bulma
JavaScript
ES2020 / TypeScript / Babel / Vue / React / Nuxt / Next / Storybook / jest / Firebase / PWA / gsap / Three.js / WebGL / CreateJS / p5 / jQuery / npm / yarn / webpack
PHP
Wordpress / SNS API
Sound
Protools / Logic
Other
MacOS / Git / Docker / Terminal / Slack

social

fav

J. R. R. Tolkien / shuntaro tanikawa / shigesato itoi / manabu mizuno / Kenya Hara / hikaru ijyuin / bakery / coffee / wine / americanfootball / hikaru utada / the band apart / Spangle call lilli line / radio

_Other

woodwork

photograph

music