AND DE / CASE STUDY
Case Studyatooshi様事業用サイト
コーポレートサイト
PROJECT OVERVIEW
写真撮影から関わり、 チームの想いをWebサイトへ。
普段から制作でご一緒している、エンジニア兼ディレクターの方の事業サイトリニューアルに参加しました。 写真撮影にも同行し、サイトがゼロから形になっていく工程に関わりながら、コーディング・フロントエンド実装を担当しました。
- プロジェクト
- atooshi様事業用サイト
- 担当範囲
- コーディング / フロントエンド実装
- 使用技術
- Next.js
01 / BACKGROUND
背景と課題
普段ご一緒している方の、事業サイトづくりに参加。
普段からお世話になっているチームの、エンジニア兼ディレクターの方が手がける「atooshi」の事業サイトリニューアルに参加しました。
今回担当したのは、コーディング・フロントエンド実装です。日頃から制作でご一緒している方の仕事や想いを伝えるサイトを、チームの一員として形にする機会をいただきました。
02 / APPROACH
取り組み
写真撮影にも同行し、サイトが生まれる過程から関わる。
今回はコーディングに加え、サイトに使用する写真の撮影にも同行しました。制作メンバーと同じ時間を過ごしながら、写真や文章、デザインが揃い、少しずつサイトの形になっていく過程に関わっています
撮影の場に一緒にいることで、画面上の素材だけではわからない、その方の人柄やチームの雰囲気にも触れることができました。サイトを通して何を伝えたいのかを、より身近に感じられる時間になりました。
03 / DESIGN & DEVELOPMENT
デザインと実装
写真・文章・デザインを、実際に使えるWebサイトへ。
チームで用意されたデザインや写真、文章をもとに、Next.jsを使用したコーディング・フロントエンド実装を担当しました。それぞれの制作物が一つのサイトとしてつながる部分を、実装で支えています。
今回のサイトでは、事業の内容とともに、仕事への考え方や関わる人の雰囲気も大切にされています。写真や文章が持つ印象を受け取りながら、デザインを画面上に形にしていきました。
04 / RESULT & NEXT
成果とこれから
ゼロから一緒につくる経験を、これからの制作へ。
写真撮影への同行からコーディングまで関わり、サイトがゼロから形になっていく流れをチームと共有できたことが、今回の制作で印象に残っています。
ディレクション、デザイン、写真、文章、実装。それぞれの役割がつながって一つのサイトになることを、制作の過程を通して実感しました。この経験を活かし、これからもチームの意図や想いを受け取りながら、実装でサイトづくりを支えていきたいと考えています。