Schooをご利用になるには、JavaScriptの設定を有効にしてください。 →JavaScriptの設定方法（参考）

シングルページデザインの制作法

PREMIUM

第2回

フリーランサーのためのシングルページデザインの制作法（後編）

2015年3月26日 60min

フリーランサーのためのシングルページデザインの制作法（後編）

play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 31

授業の概要

フリーランサーのための最新Webデザイン講座

２回シリーズの前編は、フリーランサーが自分の“武器”とするための「シングルページ・デザイン」のキホンをわかりやすく説明する回です。今回のこの後半では、「シングルページ・デザイン」の実装法を実演します。「シングルページ・デザイン」では、「インブラウザ・デザイン（designing in the Browser）」の手法で制作を進めます。最初にブラウザ上で動くHTML5で出来た「プロトタイプ」を作り、これをブラッシュアップすることで完成・公開までもっていきます。つまり、「プロトタイプ」を作る前の雛形の準備と設計が今まで以上に大事になるということ。この授業では、その勘所とコツについても詳しくお話します。

◎特にこんな方は要チェック

１．自分の強みを持ちたいフリーランサーのＷｅｂデザイナー、ディレクター
２．「シングルページ・デザイン」「ワンページ・デザイン」とＷｅｂデザインのトレンドを学びたい方
３．中級レベルのＷｅｂデザイナー、ディレクター

こんな人にオススメ

自分の強みを持ちたいフリーランサーのＷｅｂデザイナー、ディレクター

担当の先生／パーソナリティ

チャプター

自己紹介＆アジェンダ

シングルページの実際の画面

受注のポイント

シングルページのコーディング仕様

基本仕様と命名規則

パララックスＪＳについて

⽬的と効果予測

まとめ

Ｑ：パララックスのサイトを提案する際に、クライアントにはどのように説明しますか？

Ｑ：バララックスサイトでSEOをしていくときは何に気をつけていますか？

Ｑ：シングルページは受注したら成果としての報酬は１回なのですか？

Ｑ：このシングルページでいくらの報酬なのでしょうか？

Ｑ：納期を守れるように先生はスケジュール管理で気をつけていることはありますか？

Ｑ：BootstrapとパララックスJSで転送容量が大きくなりそうですが、問題になりませんか？

Ｑ：SEOはオプションですか？

Ｑ：3万円プランの制作期間が知りたいです。

Ｑ：Bootstrapではワイヤーフレームやカンプなどはどの程度まで作成すれば良いのでしょうか？

Ｑ：シングルページだけの場合、SEO的に弱いと思いますが、集客は主に広告などになるのでしょうか？