swipe_downスクロールして全体を見る
コーディング2023年1月公開依頼主：アンドデザイン
山本乳業 Webサイト制作
明治の乳製品を扱う山本乳業のコーポレートサイト。依頼主がIllustratorで制作したデザインカンプをWebデザインに落とし込み、コーディングを担当しました。Webデザインに初めて取りかかる方のデザインにも親身に要望に応え、丁寧に対応しました。
制作の範囲
企画文章作成写真撮影ロゴ制作デザインコーディング
制作のポイント
animation
牛乳のふんわりとした世界観をアニメーションで表現
スクロールに合わせたやわらかなアニメーションを実装し、牛乳のふんわりとした世界観をサイト全体で表現。デザインの雰囲気を損なわない動きにこだわりました。
text_rotation_none
難しい縦組みレイアウトの実装
デザインカンプに含まれる縦組みのテキスト表現をWebで忠実に再現。CSSの writing-mode を駆使し、ブラウザ間の表示差異にも対応した実装を行いました。
handshake
Illustratorデザインを丁寧にWeb化
Webデザインに初めて取りかかる方のデザインカンプを受け取り、Web特有の制約を考慮しながら忠実に落とし込みました。要望に親身に応え、密なコミュニケーションで進行しました。
使用技術
WordPressCMS・サイト構築
オリジナルテーマオリジナルデザイン