制作実績
鈴木孝浩 ポートフォリオサイト
hp
こだわり
当ポートフォリオサイトです。Astro.jsとmicroCMSを連携し、エンドクライアントにとって更新しやすい実装を目指しました。お問い合わせフォームはSSGformを活用して実装し、デプロイはGitHubとVercelを連携しリアルタイムでコードの修正が反映されるようにしています。
使用言語・ツール
- HTML
- CSS/SCSS
- JavaScript
- Astro.js
- microCMS
- GitHub
- Vercel
制作範囲
- ディレクション
- 鈴木 孝浩
- ライティング
- ほがらか
- デザイン
- すずか
- コーディング
- 鈴木 孝浩
スニフアンドスカリー 様
lp
こだわり
スニフアンドスカリー株式会社の松田絵理社長のSNS広告運用講座のLPです。既に協業経験のあるデザイナーさんとの協業のため、デザインの再現はスムーズでした。その一方で、モーダルと送信フォームについてはコーディング着手後に変更が生じ、調整に時間がかかりました。
使用言語・ツール
- HTML
- CSS/SCSS
- JavaScript
制作範囲
- ディレクション
- 西 ともみ
- ライティング
- 藤野 たかこ
- デザイン
- 西 ともみ
- コーディング
- 鈴木 孝浩
TSUMUJI Writing Studio 様
lp
こだわり
Webライターの編集プロダクションのLPです。静的コーディングを担当しました。画像で対応した箇所が多めですが、それでも可能な限りセマンティックなマークアップになるよう配慮しました。
使用言語・ツール
- HTML
- CSS
- JavaScript
制作範囲
- ディレクション
- クウ
- ライティング
- クウ
- デザイン
- 西 ともみ
- コーディング
- 鈴木 孝浩
助っ人稼業本田式 様
lp
こだわり
千葉県松戸市のハウスクリーニング&助っ人屋のLPです。ディレクションも私が担当しました。SPデザインとPCデザインの差異が大きいため、レスポンシブ対応に苦労しましたが、自分のスキルアップによい経験になりました。
使用言語・ツール
- HTML
- CSS
制作範囲
- ディレクション
- 鈴木 孝浩
- ライティング
- M.S.
- デザイン
- 小田 リヨ
- コーディング
- 鈴木 孝浩
RK不用品回収 様
lp
こだわり
東京・埼玉の格安不用品回収サービスのLPです。比較的納期に余裕があったため、可能な限り画像に頼らずにコーディングしました。FV(ファーストビュー)もほぼすべてテキストでコーディングしています。
使用言語・ツール
- HTML
- CSS
- JavaScript
制作範囲
- ディレクション
- ほがらか
- ライティング
- ほがらか
- デザイン
- すずか
- コーディング
- 鈴木 孝浩
JAPAN FORMULA-X
hp
こだわり
3年程前にスクールの課題でデザインを制作した架空のモータースポーツシリーズのプロモーションサイトです。デザインを始めたばかりでコーディングしにくいデザインでしたが、おかげでコーディング力が鍛えられました。
使用言語・ツール
- HTML
- CSS
- JavaScript
制作範囲
- ディレクション
- －
- ライティング
- 鈴木 孝浩
- デザイン
- 鈴木 孝浩
- コーディング
- 鈴木 孝浩