おためし受講中

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

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

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

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

1.自分の強みを持ちたいフリーランサーのWebデザイナー、ディレクター
2.「シングルページ・デザイン」「ワンページ・デザイン」とWebデザインのトレンドを学びたい方
3.中級レベルのWebデザイナー、ディレクター

学生代表

  • 塩原 桜

    塩原 桜

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    05:29  (00:13 ~ )
    シングルページの実際の画面
    03:09  (05:42 ~ )
    受注のポイント
    02:19  (08:51 ~ )
    シングルページのコーディング仕様
    13:55  (11:10 ~ )
    基本仕様と命名規則
    06:02  (25:05 ~ )
    パララックスJSについて
    06:18  (31:07 ~ )
    ⽬的と効果予測
    02:59  (37:25 ~ )
    まとめ
    01:45  (40:24 ~ )
    【後半】質疑応答
    Q:パララックスのサイトを提案する際に、クライアントにはどのように説明しますか?
    01:38  (42:09 ~ )
    Q:バララックスサイトでSEOをしていくときは何に気をつけていますか?
    01:01  (43:47 ~ )
    Q:シングルページは受注したら成果としての報酬は1回なのですか?
    00:40  (44:48 ~ )
    Q:このシングルページでいくらの報酬なのでしょうか?
    03:04  (45:28 ~ )
    Q:納期を守れるように先生はスケジュール管理で気をつけていることはありますか?
    01:25  (48:32 ~ )
    Q:BootstrapとパララックスJSで転送容量が大きくなりそうですが、問題になりませんか?
    01:11  (49:57 ~ )
    Q:SEOはオプションですか?
    00:32  (51:08 ~ )
    Q:3万円プランの制作期間が知りたいです。
    00:54  (51:40 ~ )
    Q:Bootstrapではワイヤーフレームやカンプなどはどの程度まで作成すれば良いのでしょうか?
    01:14  (52:34 ~ )
    Q:シングルページだけの場合、SEO的に弱いと思いますが、集客は主に広告などになるのでしょうか?
      (53:48 ~ )

    生放送授業への参加は無料です
    Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
    ×