実案件 LPコーディング

ととのう壁打ち

思考を整理し、一歩踏み出すきっかけを。

Overview

My role

担当したこと

HTML・SCSSによるコーディング、JavaScriptを使用したアニメーション実装、レスポンシブ対応、公開作業を担当しました。
また、制作初期のキックオフから参加し、デザイナーと相談しながら実装を進めました。

Project

「頭の中を整理したい」「考えを言語化したい」という方に向けた、オンライン壁打ちサービスのランディングページです。

サービスの安心感や利用イメージが伝わるよう、やさしい世界観を大切にしたデザインを実装しました。

Point

クライアント・デザイナーが大切にしているサービスの世界観を、Web上でも自然に感じられるよう意識して実装しました。

特にアニメーションは、動きを加えること自体を目的とせず、デザインの雰囲気を損なわない、やわらかく心地よい表現になるよう調整しました。

制作初期の打ち合わせから参加し、クライアントの想いやデザイナーの意図を確認しながら進めました。

複数の視点を取り入れ、デザインの再現性と使いやすさの両立を意識しました。

Result

コーディングだけでなく、制作チームの一員として企画段階から携わる経験ができました。

デザインを意図どおりに再現するためには、実装技術だけでなく、関係者と相談しながら認識をそろえることも大切だと学びました。