[ ARCHIVE // WORKS ]
39Design記事入稿-1
FIG.01 — MAIN VISUAL
[ 01 // OVERVIEW ]
Wordpressにて記事の入稿
すでに作成されているWordpressのサイトに、「39Player」の記事を入稿させていただきました。vscodeを用いてコーディングを行い、なるべく画像の使用を避け、SEOを意識して作成させていた...
既存のサイトの情報を残しながら実装。PC・タブレット・スマートフォンのすべてで崩れないようブレークポイントを調整しました。
CLIENT
39Design様
SCOPE
コーティング / レスポンシブ対応 / 公開設定
PAGES
記事ページ
TOOL
Wordpress/ vscode
SITE
https://www.39-design.com/4894-2/
↗
[ 02 // APPROACH ]
課題と、それに対して行ったこと
ISSUE 01
デザインの忠実な再現
作成されたデザインをもとに、余白・級数・行間まで確認しながらコーディング。意図を崩さないことを最優先にしました。
ISSUE 02
レスポンシブ対応
ご要望に含まれていたレスポンシブ対応を実装。PC・タブレット・スマートフォンのいずれでもレイアウトが崩れないよう調整しました。
ISSUE 03
SEOを意識
できるだけ画像は使わず、コーディングで実装することによりSEO最適化を行いました。
ISSUE 04
公開と動作確認
公開設定と各ページの表示・リンクの動作を確認。曖昧な指示は都度確認し、スピードを落とさず進行しました。
[ 03 // GALLERY ]
FIG.02 — RESPONSIVE / PC・スマートフォンでの表示
[ 04 // VOICE ]
「この度もありがとうございます。スピーディーに作業していただき本当に助かります。 今後もよろしくお願い致します！」
— クライアント様レビューより
[ NEXT // CONTACT ]
まずは、お気軽にご相談ください。
制作の裏側や進行中のプロジェクトの一部をSNSで発信しています。Web制作の考え方、STUDIOの活用方法、公式LINEの導線設計など、日々の気づきを丁寧にまとめています。
MAIL. maisonwebsolutions@outlook.jp
ADD. TOKYO
RES. 通常2営業日以内にご返信