WEB DESIGN
LP and Direction
静的ランディングページ(LP)の制作ディレクション、UIデザイン改善やWordpressサイト制作の実例を紹介します。
-
担当領域 制作・アートディレクション、ワイヤーフレーム作成、サーバアップロード、リリース 制作期間 企画段階からリリースまで3週間程度 使用ツール Adobe XD、Photoshop、Illustrator、VS Code、FileZilla コメント 初期の企画段階では、テキスト要素のみだったので簡単なワイヤーフレームを制作し企画者へ提案。
その後、素材の手配や要件定義などのサイト制作に必要な情報をまとめてベンダーへ依頼。
画像許諾、サーバ環境テストなどを行い、サーバへアップロードしリリース。https://bookpass.auone.jp/about/
-
担当領域 デザイン制作からコーディング、CMS実装、リリース 制作期間 企画段階から含めて10日間 使用ツール Adobe XD、Photoshop、Illustrator、VS Code、cyberduck コメント 補助金の関係で制作を急いでいるクライアントからの依頼。
WEB予約システム導入必須のためwordpressの予約システムプラグインを導入。
制作期間が短くデザインなど改良の余地があるため改善案を提案予定。https://www.p-school-abc.com/
-
担当領域 デザイン制作からコーディング、リリース 制作期間 google analyticsなどを利用しUI改善中 使用ツール CMS、Adobe XD、Photoshop、VS Code、cyberduck コメント google analyticsで滞在時間や離脱率、MS clarityでスクロール量やタップ領域などを調査しユーザーの動きを分析
分析結果によってボタンの配置や掲載アイテムを変えつつ、より購入につながるようUIを改善中https://ebookstore.sony.jp/stc/article/campaign/24750/
-
担当領域 デザイン制作からコーディング、リリース 制作期間 google analyticsなどを利用しUI改善中 使用ツール CMS、Adobe XD、Photoshop、VS Code コメント google analyticsで滞在時間や離脱率、MS clarityでスクロール量やタップ領域などを調査しユーザーの動きを分析
今後のアイテム増加を踏まえ、ジャンル分けや更新曜日で分けるなど、ユーザーにとって利用しやすいUIにするべく考案中。https://ebookstore.sony.jp/stc/article/campaign/20477/
-
担当領域 デザイン制作からコーディング、リリース 制作期間 2日間 使用ツール CMS、VS Code コメント 基本的にCMSでページを制作するがコラボレーションLPのためCMSの機能ではなくHTMLマークアップにて対応。
他のLPと整合性を保つため既存のCSSを維持しつつレイアウトや吹き出しを付け足す。
「今すぐ読む」などのCMS機能を活かしつつLPを制作。https://ebookstore.sony.jp/stc/article/campaign/20477/
Banners
バナーのご紹介です。
ストア用、広告用など様々な種類のバナーを制作しています。
基本的に使い捨てのバナーの場合や、力を入れたい商品のバナーの場合など、その時に応じて制作時間の配分をして効率的に制作しています。