Chihiro Tewhana

ChihiroTewhana

Illustraterでのロゴやイラスト作成をしています。

イラスト等を見る

サイト制作の大まかな流れ

① Plan 企画

② Design デザイン

③ Code コーディング

主な使用言語やツール

HTML/CSS/JavaScript/PHP

Illustrator/Photoshop/Dreamweaver

VisualStudioCode/Wordpress

写真
style guide
style guide
style guide
style guide

制作の企画 :

お客様とのヒアリングを行い、サイトのコンセプト(どのようなテーマにするか)や、ターゲットユーザー(年代や性別、細かな特徴を含めた誰に向けたサイトにしたいか)、そして解決すべき課題と目的を明確にします。

デザインの決定 :

スタイルガイド(上の画像参考)でどのような色合い・フォント・デザイン等を使うか、お客様と確認します。その後ワイヤーフレーム(ウェブサイトの大まかな骨組み)とデザインカンプ(サイト全体のデザインが分かるもの)を制作します。

動きを考慮した企画とコーディング :

デザインカンプを元にホバーアニメーションや動き、モーションを決めた上でコーディングします。

テスト :

サイトを運営した後、Googleのツールを元にウェブサイトのアクセス数・コンバージョン数・ヒートマップを記録します。ユーザーのサイトでの動きを確認し、ウェブサイトの改善またはマーケティングに活かします。

top wireframe sub wireframe
↑wireframe ↓design
top design sub design