Submit Search
Upload
ポートフォリオ公開後のマーケティング法
•
10 likes
•
2,539 views
schoowebcampus
Follow
ポートフォリオ公開後のマーケティング法
Read less
Read more
Business
Report
Share
Report
Share
1 of 77
Recommended
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
Yusuke Kojima
ゼロディレの改訂版。 全回までものと構成を変えてみました。
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
2016年9月2日に開催された「Adobe MAX Japan」にて、crema design黒野明子と株式会社タガス浅野桜が発表したセッションのスライドです。
20130216 講演資料
20130216 講演資料
Kenta Nakamura
20130113 01 dir-mtgスライド
20130113 01 dir-mtgスライド
Kenta Nakamura
2013年1月12日(土)に行ったディレクターズワークショップ~クライアントサイドを巻き込んだディレクションとRFPの重要性~の配布資料
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
2015年2月21日に行った、 日本ディレクション協会 九州支部 ゼロからのウェブディレクション講座の資料です。
イマドキWebメディアの制作手法
イマドキWebメディアの制作手法
Keisuke Imura
2015/1/18のWeb Creator Conferenceで使用したスライドです。
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
Kenta Nakamura
Webディレクションの導入講座となる『0からのディレクション講座』において、第3部運用編の解析に関するスライド。(日本語あやしいな)
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01
Kenta Nakamura
Recommended
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
Yusuke Kojima
ゼロディレの改訂版。 全回までものと構成を変えてみました。
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
2016年9月2日に開催された「Adobe MAX Japan」にて、crema design黒野明子と株式会社タガス浅野桜が発表したセッションのスライドです。
20130216 講演資料
20130216 講演資料
Kenta Nakamura
20130113 01 dir-mtgスライド
20130113 01 dir-mtgスライド
Kenta Nakamura
2013年1月12日(土)に行ったディレクターズワークショップ~クライアントサイドを巻き込んだディレクションとRFPの重要性~の配布資料
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
2015年2月21日に行った、 日本ディレクション協会 九州支部 ゼロからのウェブディレクション講座の資料です。
イマドキWebメディアの制作手法
イマドキWebメディアの制作手法
Keisuke Imura
2015/1/18のWeb Creator Conferenceで使用したスライドです。
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
Kenta Nakamura
Webディレクションの導入講座となる『0からのディレクション講座』において、第3部運用編の解析に関するスライド。(日本語あやしいな)
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01
Kenta Nakamura
groundwork-pasona-tech
groundwork-pasona-tech
masaaki komori
パソナテック<SKILL BASECAMP 2013> 「Groundwork ! 未来のWeb制作現場で通用するクリエイターとなるために、いま刷新すべきセオリー」資料 ※こちらのスライドの内容と重複しますが、ロクナナさんの10周年記念のビデオで実際の操作画面とかがご覧頂けます。 ロクナナ10周年記念サイト https://67.org/ws10th/ こもりまさあきのWeb制作環境 [67WS10周年記念] http://www.youtube.com/watch?v=gKeAJJhX2Og
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座
光利 吉田
ノンデザイナーのためのWebデザイン講座
フリーランスが出会う“現場のタスク管理法あれこれ”
フリーランスが出会う“現場のタスク管理法あれこれ”
Akiko Kurono
組織の中で体系化されたタスク管理を行うデザイナー/エンジニアとは違い、フリーランスは、案件ごとに異なるタスク管理方法にチャンネルを切り替える必要があります。特に顧客が非IT系業種の場合、「タスク管理という概念」そのものから教育したり、場合によってはタスク管理システムの導入を諦めたり……。黒野が出会った様々な現場でのタスク管理法について、いくつかのケースに分けてご紹介します。
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
Akiko Kurono
このスライドは、2018年11月20日にパシフィコ横浜にて開催されたAdobe MAX Japanにおける黒野明子のセッション「組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう」のスライドです。 デモ部分が多いので、動画が公開されたらこのコメントにURLを書き添えます。 以下、セッション概要です。 アドビクリエイティブ製品の魅力は、なんといっても「データを連携させて制作可能な点」にあります。写真編集はお任せのPhotoshop、繊細なベジェアートワークを制作できるIllustrator、軽さとプロトタイピングが魅力のXD。この3つにモバイルアプリも組み合わせ、最適なワークフローを探しましょう。Photoshop寄り、Illustrator寄り、XD寄り、色々なパターンをご紹介しますので、あなたの仕事現場にぴったりの手法を見つけてください。
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
Yuya Toida
2018/2/26 ポートフォリオナイトで発表した資料です。 自分のこれまでのポートフォリオの履歴です。 素敵なポートフォリオがいっぱいあるけど、まずは地道に作っていきましょうという話です。
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
これからWebデザイナーを目指す人や、Webデザイナーになって間もない人に向けたプレゼンテーションです。デザイナーとは?これからのWebデザイナーとしてキャリアは?など多くの内容を盛り込んでおります。
Webディレクターの実績を可視化する方法
Webディレクターの実績を可視化する方法
Yasuji Takase
Webディレクターの実績を数値化し、誰の目にも分かり易く、得意領域を可視化する方法を紹介。更には、今後、進みたい方向性と、そのために積むべき実績を導きだします。 - 本スライドは、日本ディレクション協会主催のイベント「転職”成功”事例に学ぶ、Webディレクターのキャリア戦略」にて公開されたものです。 http://www.direkyo.com/career_seminar http://www.direkyo.com/career_seminar02
レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎
Hiroyuki Ogawa
レスポンシブWebデザインの概要から実装の基本まで。
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー
WEBディレクターとは?
WEBディレクターとは?
mishikawa
WEBディレクター見習いがWEBディレクターについて本気出して考えてみた。 http://plsdev.tarosky.co.jp/archives/88
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
2021/10/25 ポップインサイトUXリサーチ共有会 はたけ登壇資料 UXリサーチ共有会10月:https://popinsight.jp/seminar/?p=22902 はたけとは:https://twitter.com/yuw12_
Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法
Katsumi Tazuke
Webサイトの構築に際して、デザイナーの領域とされていたデザインのトーン&マナーの方向性を導き出すため、簡便な手法をまとめた資料です。
【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座
本間 和城
2017年1月28日開催のゼロディレ設計編資料です。
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事
masaki sukeda
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Miho Yamamori
福井の起業に興味のある人、起業した人、Web関係の話に興味がある人を対象とした小規模セミナーでのお話です。デザイナーだけでなく異業種の方も対象。
デザイナーとエンジニアの良い関係
デザイナーとエンジニアの良い関係
Kanako Kawahara
nanapi勉強会 - チームで作るデザイン / チームを作るデザイン / 2014.11.11
ディレクターが知るべきプロモーション設計
ディレクターが知るべきプロモーション設計
本間 和城
Webディレクターや企業のWeb担当者の方へ。プロモーションは広告会社にまかせっきりになってませんか?明日から使えるプロモーション設計講座。
schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内
schoowebcampus
WEB/IT領域を中心とした1,500本以上の動画で学べる「schoo(スクー)WEB-campus」の法人向けビジネスプランのご案内です。
2479
2479
schoowebcampus
ビジネスプラン概要資料 New
ビジネスプラン概要資料 New
schoowebcampus
2,700本の動画で学べるスクー法人利用プランの概要資料です。
More Related Content
What's hot
groundwork-pasona-tech
groundwork-pasona-tech
masaaki komori
パソナテック<SKILL BASECAMP 2013> 「Groundwork ! 未来のWeb制作現場で通用するクリエイターとなるために、いま刷新すべきセオリー」資料 ※こちらのスライドの内容と重複しますが、ロクナナさんの10周年記念のビデオで実際の操作画面とかがご覧頂けます。 ロクナナ10周年記念サイト https://67.org/ws10th/ こもりまさあきのWeb制作環境 [67WS10周年記念] http://www.youtube.com/watch?v=gKeAJJhX2Og
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座
光利 吉田
ノンデザイナーのためのWebデザイン講座
フリーランスが出会う“現場のタスク管理法あれこれ”
フリーランスが出会う“現場のタスク管理法あれこれ”
Akiko Kurono
組織の中で体系化されたタスク管理を行うデザイナー/エンジニアとは違い、フリーランスは、案件ごとに異なるタスク管理方法にチャンネルを切り替える必要があります。特に顧客が非IT系業種の場合、「タスク管理という概念」そのものから教育したり、場合によってはタスク管理システムの導入を諦めたり……。黒野が出会った様々な現場でのタスク管理法について、いくつかのケースに分けてご紹介します。
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
Akiko Kurono
このスライドは、2018年11月20日にパシフィコ横浜にて開催されたAdobe MAX Japanにおける黒野明子のセッション「組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう」のスライドです。 デモ部分が多いので、動画が公開されたらこのコメントにURLを書き添えます。 以下、セッション概要です。 アドビクリエイティブ製品の魅力は、なんといっても「データを連携させて制作可能な点」にあります。写真編集はお任せのPhotoshop、繊細なベジェアートワークを制作できるIllustrator、軽さとプロトタイピングが魅力のXD。この3つにモバイルアプリも組み合わせ、最適なワークフローを探しましょう。Photoshop寄り、Illustrator寄り、XD寄り、色々なパターンをご紹介しますので、あなたの仕事現場にぴったりの手法を見つけてください。
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
Yuya Toida
2018/2/26 ポートフォリオナイトで発表した資料です。 自分のこれまでのポートフォリオの履歴です。 素敵なポートフォリオがいっぱいあるけど、まずは地道に作っていきましょうという話です。
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
これからWebデザイナーを目指す人や、Webデザイナーになって間もない人に向けたプレゼンテーションです。デザイナーとは?これからのWebデザイナーとしてキャリアは?など多くの内容を盛り込んでおります。
Webディレクターの実績を可視化する方法
Webディレクターの実績を可視化する方法
Yasuji Takase
Webディレクターの実績を数値化し、誰の目にも分かり易く、得意領域を可視化する方法を紹介。更には、今後、進みたい方向性と、そのために積むべき実績を導きだします。 - 本スライドは、日本ディレクション協会主催のイベント「転職”成功”事例に学ぶ、Webディレクターのキャリア戦略」にて公開されたものです。 http://www.direkyo.com/career_seminar http://www.direkyo.com/career_seminar02
レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎
Hiroyuki Ogawa
レスポンシブWebデザインの概要から実装の基本まで。
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー
WEBディレクターとは?
WEBディレクターとは?
mishikawa
WEBディレクター見習いがWEBディレクターについて本気出して考えてみた。 http://plsdev.tarosky.co.jp/archives/88
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
2021/10/25 ポップインサイトUXリサーチ共有会 はたけ登壇資料 UXリサーチ共有会10月:https://popinsight.jp/seminar/?p=22902 はたけとは:https://twitter.com/yuw12_
Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法
Katsumi Tazuke
Webサイトの構築に際して、デザイナーの領域とされていたデザインのトーン&マナーの方向性を導き出すため、簡便な手法をまとめた資料です。
【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座
本間 和城
2017年1月28日開催のゼロディレ設計編資料です。
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事
masaki sukeda
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Miho Yamamori
福井の起業に興味のある人、起業した人、Web関係の話に興味がある人を対象とした小規模セミナーでのお話です。デザイナーだけでなく異業種の方も対象。
デザイナーとエンジニアの良い関係
デザイナーとエンジニアの良い関係
Kanako Kawahara
nanapi勉強会 - チームで作るデザイン / チームを作るデザイン / 2014.11.11
ディレクターが知るべきプロモーション設計
ディレクターが知るべきプロモーション設計
本間 和城
Webディレクターや企業のWeb担当者の方へ。プロモーションは広告会社にまかせっきりになってませんか?明日から使えるプロモーション設計講座。
What's hot
(19)
groundwork-pasona-tech
groundwork-pasona-tech
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座
フリーランスが出会う“現場のタスク管理法あれこれ”
フリーランスが出会う“現場のタスク管理法あれこれ”
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
Webディレクターの実績を可視化する方法
Webディレクターの実績を可視化する方法
レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBディレクターとは?
WEBディレクターとは?
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
Webデザインのトーン&マナーを導き出す手法
Webデザインのトーン&マナーを導き出す手法
【設計編Ver2】0からのディレクション講座
【設計編Ver2】0からのディレクション講座
現役Web ディレクターに聞く Webディレクターという仕事
現役Web ディレクターに聞く Webディレクターという仕事
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
デザイナーとエンジニアの良い関係
デザイナーとエンジニアの良い関係
ディレクターが知るべきプロモーション設計
ディレクターが知るべきプロモーション設計
Viewers also liked
schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内
schoowebcampus
WEB/IT領域を中心とした1,500本以上の動画で学べる「schoo(スクー)WEB-campus」の法人向けビジネスプランのご案内です。
2479
2479
schoowebcampus
ビジネスプラン概要資料 New
ビジネスプラン概要資料 New
schoowebcampus
2,700本の動画で学べるスクー法人利用プランの概要資料です。
1840
1840
schoowebcampus
business
個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~
schoowebcampus
http://schoo.jp/class/1698/room
授業資料(スクー)
授業資料(スクー)
schoowebcampus
schoo
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...
schoowebcampus
https://schoo.jp/class/2094
i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...
schoowebcampus
https://schoo.jp/class/2095
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
schoowebcampus
http://schoo.jp/class/1618/room
2限目 先生!投資家は起業家の何を見て投資をしているんですか!?
2限目 先生!投資家は起業家の何を見て投資をしているんですか!?
schoowebcampus
schoo
スクー Twe lite提出版
スクー Twe lite提出版
schoowebcampus
schoo
スマートフォンサイトのデザインで失敗しない"考え方" 先生:イシジマ ミキ
スマートフォンサイトのデザインで失敗しない"考え方" 先生:イシジマ ミキ
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/422/room ーーーーーーーーーーーーーーーーーーーーーーー
PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~
schoowebcampus
https://schoo.jp/class/1999
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
schoowebcampus
schoo
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
schoowebcampus
https://schoo.jp/class/1617/room
Illustratorでクリエイティブ名刺をつくってみよう! 先生:イシジマ ミキ
Illustratorでクリエイティブ名刺をつくってみよう! 先生:イシジマ ミキ
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/192/room ーーーーーーーーーーーーーーーーーーーーーーー
アクセシブルメニューサイト「はらぺこZ」企画書140121
アクセシブルメニューサイト「はらぺこZ」企画書140121
Masahide Ishiki
「お店の情報を事前にしっかりしらべたい」「お店までスムーズに安心していきたい」「すべてのメニューを知ったうえで食べるものを決めたい」。そんな視覚障害者のニーズをかなえるためのウェブサイトの企画書です。
【Web系最高って言うけど本当なの?】siの5次請けから離脱したエンジニアが話してみた
【Web系最高って言うけど本当なの?】siの5次請けから離脱したエンジニアが話してみた
Yuuki Nakajima
2016/10/22 NSEG fab@古民家でのスライドです
さくらの色々な○○~自由・多様・寛容な働き方~ | さくらインターネットの裏側見せます!働き方編
さくらの色々な○○~自由・多様・寛容な働き方~ | さくらインターネットの裏側見せます!働き方編
さくらインターネット株式会社
さくらインターネットの裏側見せます!~さくらのIoT Platform、働き方編~ - connpass https://connpass.com/event/47321/ 2017/01/25(水)19:30 ~
企画書
企画書
svt5342
バナー制作企画書
Viewers also liked
(20)
schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内
2479
2479
ビジネスプラン概要資料 New
ビジネスプラン概要資料 New
1840
1840
個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~
授業資料(スクー)
授業資料(スクー)
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
2限目 先生!投資家は起業家の何を見て投資をしているんですか!?
2限目 先生!投資家は起業家の何を見て投資をしているんですか!?
スクー Twe lite提出版
スクー Twe lite提出版
スマートフォンサイトのデザインで失敗しない"考え方" 先生:イシジマ ミキ
スマートフォンサイトのデザインで失敗しない"考え方" 先生:イシジマ ミキ
PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
Illustratorでクリエイティブ名刺をつくってみよう! 先生:イシジマ ミキ
Illustratorでクリエイティブ名刺をつくってみよう! 先生:イシジマ ミキ
アクセシブルメニューサイト「はらぺこZ」企画書140121
アクセシブルメニューサイト「はらぺこZ」企画書140121
【Web系最高って言うけど本当なの?】siの5次請けから離脱したエンジニアが話してみた
【Web系最高って言うけど本当なの?】siの5次請けから離脱したエンジニアが話してみた
さくらの色々な○○~自由・多様・寛容な働き方~ | さくらインターネットの裏側見せます!働き方編
さくらの色々な○○~自由・多様・寛容な働き方~ | さくらインターネットの裏側見せます!働き方編
企画書
企画書
Similar to ポートフォリオ公開後のマーケティング法
はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験
Daichi Aoki
Lean UX Japan Conference 2015のライトニングトークで登壇した際の資料。
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
設計とは、道標である。 by DCHS 本講では、ウェブ構築の大前提となる、「誰のために、何をするのか」をメインテーマとし、概念ばかりが先行し、解釈が多様化し、理解が困難な「設計」という工程を、具体的に、体系的に、実践的に解説します。 【講師】 DCHS 高瀬 https://twitter.com/DCHSjp https://www.facebook.com/DCHSjp 【主催】 日本ディレクション協会 http://www.direkyo.com https://www.facebook.com/direkyo.org
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 http://schoo.jp/class/1611/room ーーーーーーーーーーーーーーーーーーーーーーー
20160308seminar2
20160308seminar2
アシアル株式会社
3月8日Monacaビジネス活用セミナー
MTDDC Meetup TOKYO 2014『成果をあげているWebマーケッター/Web担当者にみる、サイト運営の考え方とサーバー選びの視点』
MTDDC Meetup TOKYO 2014『成果をあげているWebマーケッター/Web担当者にみる、サイト運営の考え方とサーバー選びの視点』
Kenichi Nishimura
2014年11月29日(土) 開催の MTDDC Meetup TOKYO 2014 の発表資料 Web集客・運営に関して、コンテンツや露出策など、目に見える部分のみにスポットが当たりがちです。 しかし、成果をあげているWebマーケッター/Web担当者は、ある考え方をもとにサイト運営に取り組み、サーバーやセキュリティ、トラブル対策にも目を向けています。 その考え方と視点とは、どのようなものでしょうか? Web集客・運営を支えるサービス、「レンタルサーバー」の提供を通してみえた、彼らの考え方と視点をご紹介します。
デザイン屋なりにいろんな人を応援してみた結果
デザイン屋なりにいろんな人を応援してみた結果
Kazunori Tateyama
2015年12月19日(土) まにまにフェスティバル 大阪・産業創造館
WordCamp Tokyo 2013 コンテンツ・集客セッション
WordCamp Tokyo 2013 コンテンツ・集客セッション
Masatoshi Someya
WordCamp Tokyo 2013 コンテンツ・集客セッションで使用したスライドです。
ゼロディレ運用編 20170325
ゼロディレ運用編 20170325
Yusuke Kojima
日本ディレクション協会 2017/3/25 「0からのWebディレクション講座:運用編」の資料です。
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
0728
0728
卓馬 三浦卓馬
IT
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱
Yuya Toida
サイボウズのMeetup第5回のLT資料です。 Cybozu Meetup#5 デザイン&アクセシビリティ
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
2012年2月18日、 CSS Nite in Fukui, vol5でのスライドです。
【Glide活用】ノーコードではじめるビジネスアプリ講座
【Glide活用】ノーコードではじめるビジネスアプリ講座
Kazuhiro Takada
ビジネスアプリを作る上で大切な考え方と、Glideの概要・特徴、Glideで作るアプリの事例をまとめました。
Machine Learning 15 minutes! とあるデザイン会社の中の人にとってのA.I.
Machine Learning 15 minutes! とあるデザイン会社の中の人にとってのA.I.
Yohsuke Itoh
機械学習をWebメディアに使って効率的な運営を目指してみてる
1112 nuxt
1112 nuxt
卓馬 三浦卓馬
IT
【株式会社PIGNUS】会社概要資料.pdf
【株式会社PIGNUS】会社概要資料.pdf
contact890866
【株式会社PIGNUS】会社概要資料
【株式会社PIGNUS】会社概要資料
contact890866
もしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったら
Chloe Takahashi
このプレゼンは、 ・イラストレーターだけど、WEBデザインもやることになった ・ディレクターだけど、UIデザインを勉強することになった ・エンジニアだけど、WEBデザイナーと仕事することになった という人たちの、 UI/UXデザインへの一歩を応援するプレゼンです。 見習いデザイナーより
テクニカルトレーナー
テクニカルトレーナー
Cybozu, Inc.
キャリアBAR説明資料
アプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdf
ivanov23
デザインーとエンジニアが反目しあっていては、お客様の無茶ぶりに立ち向けないというお話。
Similar to ポートフォリオ公開後のマーケティング法
(20)
はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
20160308seminar2
20160308seminar2
MTDDC Meetup TOKYO 2014『成果をあげているWebマーケッター/Web担当者にみる、サイト運営の考え方とサーバー選びの視点』
MTDDC Meetup TOKYO 2014『成果をあげているWebマーケッター/Web担当者にみる、サイト運営の考え方とサーバー選びの視点』
デザイン屋なりにいろんな人を応援してみた結果
デザイン屋なりにいろんな人を応援してみた結果
WordCamp Tokyo 2013 コンテンツ・集客セッション
WordCamp Tokyo 2013 コンテンツ・集客セッション
ゼロディレ運用編 20170325
ゼロディレ運用編 20170325
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
0728
0728
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
【Glide活用】ノーコードではじめるビジネスアプリ講座
【Glide活用】ノーコードではじめるビジネスアプリ講座
Machine Learning 15 minutes! とあるデザイン会社の中の人にとってのA.I.
Machine Learning 15 minutes! とあるデザイン会社の中の人にとってのA.I.
1112 nuxt
1112 nuxt
【株式会社PIGNUS】会社概要資料.pdf
【株式会社PIGNUS】会社概要資料.pdf
【株式会社PIGNUS】会社概要資料
【株式会社PIGNUS】会社概要資料
もしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったら
テクニカルトレーナー
テクニカルトレーナー
アプリ開発、SaaS開発を経て最近考えていること.pdf
アプリ開発、SaaS開発を経て最近考えていること.pdf
More from schoowebcampus
Compl exxx after
Compl exxx after
schoowebcampus
After
Compl exxx before
Compl exxx before
schoowebcampus
Before
i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...
schoowebcampus
https://schoo.jp/class/2093
i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...
schoowebcampus
https://schoo.jp/class/2092
i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...
schoowebcampus
https://schoo.jp/class/2091
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
schoowebcampus
schoo
ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座
ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座
schoowebcampus
http://schoo.jp/class/1479/room
会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5
会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5
schoowebcampus
http://schoo.jp/class/1388/room
Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1)
Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1)
schoowebcampus
http://schoo.jp/class/1417/room
Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-
Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-
schoowebcampus
Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く- http://schoo.jp/class/1307/room
1限目 先生!起業家にとって、資金調達や投資家って何ですか!?
1限目 先生!起業家にとって、資金調達や投資家って何ですか!?
schoowebcampus
Schoo5
Schoo5
schoowebcampus
schoo
「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~
「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~
schoowebcampus
schoo
授業資料質問学 03
授業資料質問学 03
schoowebcampus
schoo
【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01
【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01
schoowebcampus
http://schoo.jp/class/1194/room
起業家プレゼンテーション術【事業概要編】
起業家プレゼンテーション術【事業概要編】
schoowebcampus
自分のビジネスを魅力的にPRする起業家プレゼンテーション術【事業概要編】 http://schoo.jp/class/1125/room
More from schoowebcampus
(16)
Compl exxx after
Compl exxx after
Compl exxx before
Compl exxx before
i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座
ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座
会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5
会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5
Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1)
Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1)
Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-
Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-
1限目 先生!起業家にとって、資金調達や投資家って何ですか!?
1限目 先生!起業家にとって、資金調達や投資家って何ですか!?
Schoo5
Schoo5
「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~
「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~
授業資料質問学 03
授業資料質問学 03
【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01
【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01
起業家プレゼンテーション術【事業概要編】
起業家プレゼンテーション術【事業概要編】
Recently uploaded
【スポンサープラン】Marketing Native Fes 2024summer
【スポンサープラン】Marketing Native Fes 2024summer
yutooyama
役職者かつマーケティング部署の割合が高い高品質リードを提供できるスポンサープランのご案内
The AI service "MMOL Pot (MMOT)" by MMOL Holdings
The AI service "MMOL Pot (MMOT)" by MMOL Holdings
mikidaisuke
This is the Pros & Cons document for the AI service "MMOL Pot (MMOT)".
【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)
【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)
recruit9
株式会社VISIONARY JAPANの採用ピッチ資料です。
株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介
株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介
ssuserdc1268
採用デック
kintone Café 山口 Vol.8 kintone×UiPath.pdf
kintone Café 山口 Vol.8 kintone×UiPath.pdf
takashihashimoto14
kintone Café 山口 Vol.8「多様な活用ができるkintone」のLTにて発表した資料です。https://kintone-cafe-yamaguchi.connpass.com/event/315662/
【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪
【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪
ytakahashi4
ゆめみ会社紹介&実績資料 for Saleshub
株式会社メンバーズ「脱炭素アクション100」2023年度実施レポート(2024年6月公開)
株式会社メンバーズ「脱炭素アクション100」2023年度実施レポート(2024年6月公開)
Members_corp
メンバーズでは、デジタルクリエイター(当社社員)がお客さま企業の支援を中心とした日々の業務における行動の一つひとつを変えることで脱炭素社会の実現に貢献するために、2023年4月に「脱炭素アクション100」を全社に展開し社員による取り組みを開始しました。これらの脱炭素の取り組みを広く活用していただきたいと考え、メンバーズでの推進プロセスおよび実績をまとめたレポートを公開します。
HRMOS-saiyo_overview_material_powred_by_bizreach
HRMOS-saiyo_overview_material_powred_by_bizreach
gmiki1
HRMOS-saiyo overview material.
株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)
株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)
Members_corp
株式会社メンバーズが毎月発行している社内報MEMBUZZ(メンバズ)を公開しています。
株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///
株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///
DAISUKE NAKAMURA
特定技能紹介資料
株式会社種村建設_新卒向け会社紹介資料_____________________
株式会社種村建設_新卒向け会社紹介資料_____________________
ssuser560305
株式会社種村建設の会社紹介資料です。
Recently uploaded
(11)
【スポンサープラン】Marketing Native Fes 2024summer
【スポンサープラン】Marketing Native Fes 2024summer
The AI service "MMOL Pot (MMOT)" by MMOL Holdings
The AI service "MMOL Pot (MMOT)" by MMOL Holdings
【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)
【公開用】株式会社VISIONARY JAPAN_エンジニアチーム 採用資料(ver2.1)
株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介
株式会社ROMS採用候補者用説明資料。候補者の方向け事業概要・沿革・カルチャーをご紹介
kintone Café 山口 Vol.8 kintone×UiPath.pdf
kintone Café 山口 Vol.8 kintone×UiPath.pdf
【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪
【株式会社ゆめみ】 会社紹介 & 実績資料 ≫≫Saleshub_企業様向け≪≪
株式会社メンバーズ「脱炭素アクション100」2023年度実施レポート(2024年6月公開)
株式会社メンバーズ「脱炭素アクション100」2023年度実施レポート(2024年6月公開)
HRMOS-saiyo_overview_material_powred_by_bizreach
HRMOS-saiyo_overview_material_powred_by_bizreach
株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)
株式会社メンバーズ社内報MEMBUZZ(メンバズ)2024年4・5月合併号(♯168,169)
株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///
株式会社ジンザイベース/特定技能外国人紹介に関する提案資料/2024ver///
株式会社種村建設_新卒向け会社紹介資料_____________________
株式会社種村建設_新卒向け会社紹介資料_____________________
ポートフォリオ公開後のマーケティング法
1.
クリエイティブコーチ Webクリエイター 夏本健司 第3回目 ポートフォリオ公開後のマーケティング法 フリーランサーになるための ポートフォリオサイト制作講座 3回シリーズ ※記載しているソフトウェアやサービス、コーディング技術等は2015年2月24⽇現在のものであり、以降、仕様変更により名称や画⾯位置が変更されている場合があります。
2.
東京藝術大学美術学部卒。 1995年にウェブデザイナーと しての職歴をスタートさせ、 以来20年、ディレクター、プ ロデューサー、マーケッター、 ライター、データサイエン ティスト、Webマスターなど さまざまな職種で業界に携 わってきた。 夏本健司 クリエティブコーチ Webクリエイター ウェブサイト:na2ken.com 自 己 紹
介
3.
3 この授業をシリーズで受けるメリット 制作に必要なこと・考えるべきこと PRのコツ 公開時のツール最低限の設定 1 2 3 ポートフォリオサイトの が分かる
4.
4 今⽇の授業について - ポートフォリオサイトのおさらい 2.必要なコンテンツ 1.役割 3.意図を明確にする 5.実装機能 4.UI(ユーザーインターフェイス)
5.
5 今⽇の授業について - ポートフォリオサイトのPR方法 ポートフォリオサイトのPR法 転職活動に効果的に使う場合 フリーランスのブランディングツールとして効果的 に使う場合 「きっかけ」の作り方 ※記載しているソフトウェアやサービス、コーディング技術等は2015年2月24⽇現在のものであり、以降、仕様変更により名称や画⾯位置が変更されている場合があります。
6.
6 今⽇の授業について - Googleウェブマスターツールの設定 Googleウェブマスターツールとは ダッシュボード Googleウェブマスターツールでできること・わかること 管理画⾯ 準備の手順 サイトを公開したらGoogleウェブマスターツールで⾏う 4つのこと ※記載しているソフトウェアやサービス、コーディング技術等は2015年2月24⽇現在のものであり、以降、仕様変更により名称や画⾯位置が変更されている場合があります。
7.
7 今⽇の授業について - Googleアナリティクスの設定 Googleアナリティクスとは レポート画⾯ アナリティクス設定画⾯ 管理画⾯ホーム 準備 Googleアナリティクスのアカウントを作成したら ⾏うべき3つのこと ※記載しているソフトウェアやサービス、コーディング技術等は2015年2月24⽇現在のものであり、以降、仕様変更により名称や画⾯位置が変更されている場合があります。
8.
ポートフォリオサイトのおさらい
9.
9 ここから学ぶこと - ポートフォリオサイトのおさらい - Googleウェブマスターツールの設定 -
ポートフォリオサイトのPR法 - Googleアナリティクスの設定
10.
質問: ポートフォリオサイト を持っていますか? 1.持っている 2.これから作る 3.持っていない
11.
11 役割 ただ漠然と作るのではなく、考え方を文字にする ポートフォリオサイトは、あなた自身の ”ショールームʻsショールーム“。 どのように使うかをよく考えて。 実績が個々のショールームだとしたら、それをまとめているポート フォリオサイトは、ショールームを集めたショールーム、つまり 「ショールームʻSショールーム」という考え方ができる。
12.
12 必要なコンテンツ 沢山載せればいいというものではない。 どんな目的のポートフォリ オサイトでも、それぞれの コンテンツをただ説明する だけでなく、「あなたを パートナーとして採用する とどんなメリットがるの か?」が明確に分かるよう にしなければならない。ま た、スマホやタブレットで アクセスした時も観やすく 配慮しておく必要がある。 多くのポートフォリオサイトを観てきた結果、ポートフォリオサ イトに必要なコンテンツは5つに集約できることが分かった。そ して最小限で載せることが重要であることが分かった。 プロフィール ポートフォリオ スキルセット 1 2 3 ストーリー 問い合わせ方法 4 5 200字程度で簡潔に。 6〜12程度。 できるだけ多く。 これまでの道のりを物語 のように書く。 問い合わせフォーム SNSリンク設置。
13.
13 1.意図を明確にする ただ漠然と作るのではなく、目的や目標を文字にする コンセプト 目的 自分が一番大事にしていることは何か? 何のために作るか?どんな機能を想定しているか? 目標 狙い 何を、何時までに、という具体的な数字 作ることによって、誰に何をもらしたいか?
14.
14 1.意図を明確にする ただ作るのではなく、目的や目標を文字にする コンセプト 目的 na2izm/売れるデザインがよいデザイン ブランドサイトとして機能させる 目標 狙い 10人以上真似て作成してくれる人が出ること ⾒本になるようにさまざまなフックを⼊れる 例 夏本の場合
15.
15 1.意図を明確にする 意図を明確にするとデザインが変わってくる
16.
16 UI(ユーザーインターフェイス) グローバルナビゲーションとスクロール 一般的になってきたドロワーメニューを 使い、操作を想起しやすくする。 アイコンを使って1つ1つのメニュー項 目が目に留まるようにしている。 Classie.jpを使い、軽く、軽快にジャンプ するよう演出をしている。 PCでアクセスした場合は、 cbpAnimatedHeader.jsを使いスクロール するとメニューが小さくなる演出をして いる。
17.
17 UI(ユーザーインターフェイス) モーダル画⾯ タップをすると全画⾯でモーダル画⾯を 表示する(Bootstrapの機能)。 反応する画⾯は、アルファチャンネル値 で半透明にして下の画像が透けて⾒える ことで操作感を演出している。
18.
18 UI(ユーザーインターフェイス) 戻るボタン トップに戻るボタンを常時表示してトッ プ(元の地点)に戻りやすくしている。 Classie.jpを使い、軽く、軽快にジャンプ するよう演出をしている。
19.
19 UI(ユーザーインターフェイス) SNSリンク 各種SNSへのリンクを貼る意味は、問い 合わせ以外にもレスポンスの窓口を広げ るため。 良くも悪くも、各種SNSをやっている証 になる。
20.
20 実装機能 機能実装は知識と技術があることの⾒せ所。 - ポートフォリオ詳細表示のモーダル画⾯ - メール送信php -
Bootstrap3.0.2 - Font-Awesome4.2.0 最新の機能、他のサイトでよく⾒かける機能を網羅し ておくと、実装できることの証になると同時に話のネ タにもなる。 - アニメートヘッダーの実装 - ⽇本語Webフォント“notoSansJP”
21.
21 実装機能:アニメートヘッダ 最近よく⾒かけるようになった“おもてなし機能“ bpAnimatedHeader.jsを使う。スクロールするとナビゲーションの幅が小さくな り、ユーザに対して読みやすく、画⾯を広げているように印象付けられる。
22.
22 実装機能:モーダル画⾯ 拡大表示の定番機能 Bootstrapのclass=“modal”を使っている。主画⾯ではサムネールの画像のみで ビジュアル訴求、モーダル画⾯で詳細情報が⾒える2段階方式にしている。 (サムネールだけでもたのしめる⾒ごたえがあるように)
23.
23 実装機能:メール送信PHP 最低限の機能を最低限に実装 Bootstrapのclass=“modal”を使っている。主画⾯ではサムネールの画像のみでビ ジュアル訴求、モーダル画⾯で詳細情報が⾒える2段階方式にしている。 (サムネールだけでも楽しめるように) ⼊⼒された情報を設定したメールアドレ スに送るだけのシンプル機能。 ⼊⼒漏れのメッセージ表示はBootstrapの class=“help-block”を使わず、PHPの required文を使っている。
24.
24 実装機能:Bootstrap レイアウト変更・アレンジが簡単にできる Bootstrapをインクルードすることで簡単に画⾯構成を⾏うことができ、かつレ イアウト変更やパーツ追加・アレンジの幅が広がる。 ※独自レイアウト用のクラス名がBootstrapで使うクラス名とバッティングしな いようにCSS設計をする必要がある。 使用箇所 1.画⾯全体のレイアウト (12グリッド) 2.モーダル画⾯ 3.フォームの送信ボタン内 アイコン 見出し 説明文 サブ見出し image image image 見出し(成果)
見出し(成果) 見出し(成果) image image image 見出し(成果) 見出し(成果) 見出し(成果)
25.
25 実装機能:Font-Awesome デザインの幅が広がり、効率的に制作できる。 数あるWebフォントの中で特に有名でWebフォント“Font-Awasome”を実装し、 数箇所で使用している。Webフォントの利点は、CSSで配色指定やサイズ指定 が簡単にできること。 使用箇所 1.グローバルメニュー 2.各コンテンツのヘアライン(アクセント) 3.フッタのSNSリンク 4.モーダルさせるアイコン 5.トップの戻るボタン
26.
26 実装機能: notoSansJP ⽇本語文字をきれいに⾒せるこだわり。 Webフォントはほとんど欧文でしか表示ができないが、“notoSansJP”は唯一、 無料で使えるWebフォント。実装するとアップル社のサイトの⽇本語表示のよ うにきれいに表示できる(フォントを読み込むので表示速度は重くなるので⼯ 夫が必要)。
27.
ポートフォリオサイトのPR法
28.
28 ここから学ぶこと - ポートフォリオサイトのまとめ - Googleウェブマスターツールの設定 -
ポートフォリオサイトのPR法 - Googleアナリティクスの設定
29.
質問: マーケティング、 Webマーケティングの 勉強をしていますか? 1.している 2.していない 3.わからない
30.
30 ポートフォリオサイトのPR法 ポートフォリオサイトをどう生かすか? せっかく作ったポートフォリオサイトを公開し放しにしない。流 ⼊とアクセスを増やすきっかけと、レスポンス・計測方法を考え 抜いて、効果が最大限得られるように改善していく。 あなたの ポートフォリオサイト アクセス・閲覧後の レスポンス オンライン オフライン
31.
31 転職活動に効果的に使う場合 実務を示せる絶好のチャンス 紙のポートフォリオでは語れない技術やセンスを評価してもらえ る絶好のPR媒体。サイトですべてが語れるように、コンテンツと 導線に⼯夫をすべき。 あなたの ポートフォリオ サイト 応募のメールに アドレス明示 ⾯接時に直接⾒せ て話題にする SNSで告知して、知人 や第三者のアクセス期待 SEOをチューニング 第三者のアクセス期待 アクセス・閲覧後 のレスポンス ・問い合わせ レスポンス の数は、なるべ く少ない方がよ い。
32.
32 フリーランスのブランディングツール として効果的に使う場合 あなたの世界観・人となりを伝える媒体として使う。 オフラインで会った人向けの営業サポートツールとして活かす。 技術や細かい演出は理解してもらいにくいので、「人間性」を 伝えれるよう、コンテンツに⼯夫を凝らす。 あなたの ポートフォリオ サイト 名刺にQRコードを印刷 しておく 会った時に直接⾒せる キーマンを⾒つけて 営業をお願いする ブログやSNSで積極的に PRする アクセス・閲覧後 のレスポンス ・オファーの提示 ・SNSの友達申請 ・SNSページの 閲覧 レスポンス の数は、できる だけ多い方がよ い。
33.
33 「きっかけ」の作り方 サイトを⾒てくれそうな「一⾔」を考える ●技術志向の人には 「最新技術を網羅しているので、 ぜひ⾒てコメントをください。」 例 ●技術が疎い人には 「今までのストーリーを書いてある のでぜひ⾒て感想をください。」 ●デザインに興味ある人には 「最新デザインです。ぜひ改善点 をご指摘ください。」 ●何に興味があるかわからない人は 「こんなサイトを作ったので、向学 のためご意⾒をいただけませんか」 気の利いた⼀⾔を加えるだけで、アクセス率とあなた の印象はグッとよくなる。 ただ「⾒てください」「URLを添付します」だけ では、脳がなさすぎるから・・・
34.
Googleウェブマスターツールの設定
35.
35 ここから学ぶこと - ポートフォリオサイトのまとめ - Googleウェブマスターツールの設定 -
ポートフォリオサイトのPR法 - Googleアナリティクスの設定
36.
質問: Googleウェブマスターツール へ登録したことがありますか? 1.ある 2.ない
37.
37 Googleウェブマスターツールとは Googleに正確に検索されやすくするための無料ツール。サイトを 公開しても自動的に検索対象になるわけではないので、登録・設 定が必須である。あまり知られていないが、とても重要。
38.
38 管理画⾯ 登録をすると、このようにリストアップされ、サイトがGoogleに どのように認識されているか確認・調整することができる。
39.
39 ダッシュボード ダッシュボードでは、操作履歴と「重要メッセージ」として Googleからの連絡(エラーや改善点)を受け取ることができる。
40.
40 Googleウェブマスターツールで できること・わかること 構造化データの指定ができる データハイライターが指定できる HTMLの改善点を指摘してくれる 1 2 3 特定ページの順位を下げる操作ができる 検索トラフィックがわかる 4 5 インデックス状態がわかる クロール状態がわかる 4 5
41.
41 準備の手順1 右上の「サイトを追加」を押してポートフォリオサイト(URL) の登録をする。
42.
42 準備の手順2 「おすすめの方法」で、Googleアナリティクス指定の確認ページ をダウンロードできるので、それをサーバにアップロードし、サ イトの所有権の確認をしてもらう。
43.
43 準備の手順3 Googleにより詳しいサイトの状況を知らせるため、サイトマップ 作成ツールで「sitemap.xml」を作成する。 http://www.sitemapxml.jp/
44.
44 準備の手順4 生成された「sitemap.xml」をダウンロードして、サーバにアッ プロードする。
45.
45 準備の手順5 Googleにより詳しいサイトの状況を知らせるため、テキストエ ディターで「robots.txt」を作成する。 http://www.sitemapxml.jp/ User-agent: * と書く。 (すべての検 索エンジンに 対して検索対 象にしますよ、 という意味)
46.
46 ここまでのおさらい(ポイント) 各種ファイルをアップロードし、トップページのindex.htmlがあ る階層に「google xxx.html」「sitemap.xml」「robots.txt」 が3つ並ぶようにする。
47.
47 サイトを公開したらGoogleウェブ マスターツールで⾏う4つのこと サイトの設定(使用するドメインの設定) インターナショナルターゲティングの設定 「sitemap.xml」の登録 1 2 3 「robots.txt」の登録4
48.
48 サイトを公開したらGoogleウェブ マスターツールで⾏う4つのこと 「サイトのダッシュボード」→「詳細を表示」を押して、管理画⾯を表示させる。 サイトの設定 インターナ ショナルター ゲティングの 設定 1 2 「sitemap.xml」の登録 robots.txt」の登録 3 4
49.
49 サイトの設定(使用するドメインの設定) 「www」がいるのか、いらないか、正式なドメインと紐付けを 設定する。
50.
50 インターナショナルターゲティングの設定 初期設定ではユーザのターゲットがアメリカになっているので、 ⽇本に設定し直す。
51.
51 「sitemap.xml」の登録 準備で作成した「sitemap.xml」を追加テストする。
52.
52 「sitemap.xml」の登録 追加テストが正常に完了すると、Googleウェブマスターツールに 登録(Googleに認識される)される。
53.
53 「robots.txt」の登録 準備で作成した「robot.txt」をテスターでテストする。
54.
54 「robots.txt」の登録 追加テストが正常に完了しない場合は、エラーとして表示されるの で、「詳細」を参考に書き換えてアップロードし、テストし直す。 「詳細」に改善 のヒントが書か れているので参 考にする。
55.
Googleアナリティクスの設定
56.
56 これから学ぶこと - ポートフォリオサイトのまとめ - Googleウェブマスターツールの設定 -
ポートフォリオサイトのPR法 - Googleアナリティクスの設定
57.
質問: Googleアナリティクス を使っていますか? 1.使っている 2.使っていない
58.
58 Googleアナリティクスとは Googleの無料アクセス解析ツール。無料の上、⾼機能なので業 種・業態を問わずにアクセス解析ツールの定番となっている。 ⽇々細かいバージョンアップがされている。
59.
59 管理画⾯ホーム 登録をすると、このように複数のサイトを管理できるようになる。
60.
60 レポート画⾯ 登録・設定したサイトの解析画⾯(ダッシュボード)が確認でき る。 サイトが複数あ る場合はここか ら選択ができる。
61.
61 アナリティクス設定画⾯ 各サイトの全体像:アカウント -> プロパティ->
ビューを横断 した詳細メニューを一覧させてダイレクトにアクセスが可能な画 ⾯。
62.
62 準備:アカウント作成を開始する すでにアカウントがある場合は、アカウント -> 「新しいアカウ ント」を作成から、はじめての使う場合はトップ画⾯の「アカウ ント作成」から登録する。
63.
63 準備:アカウントを作成する 項目をすべて埋めて、新しいアカウントを作成する。
64.
64 準備:トラッキングコードを HTMLに貼る。 アカウントの作成が終わると個別のサイトを識別するための「ト ラッキングコード」が発⾏されるので、HTMLに貼る。
65.
65 準備:動作確認 アカウントの作成が終わったら、実際に解析動作を確認してみる。 ①ブラウザで登録したサイトにアクセスする ②「リアルタイム」->「サマリー」を選択し、サマリー画⾯でリ アルタイムのサイト訪問数を確認する。 2つのブラウザ でサイトにアク セスすると2訪 問として表示さ れる。 リアルタイム計測以外の解析データは、翌⽇から利用可能。
66.
66 Googleアナリティクスのアカウントを 作成したら⾏うべき3つのこと 「デフォルトビュー」の選択1 3 自IPの除外設定 2 ウェブマスターツールの関連付け
67.
67 1.「デフォルトビュー」を選択する 「アナリティクス設定」->「プロパティ設定」を選択。
68.
68 1.「デフォルトビュー」を選択する 「ビュー」では解析結果にフィルターをかけたり様々なビューを 設定していくことになるが、デフォルトで「すべてのウェブサイ トのデータ」を選択しておくと便利。 解析結果表示を 早く表示できる ので便利。
69.
69 2.ウェブマスターツールの関連付け デフォルトではGoogleアナリティクスとGoogleウェブマスター ツールは別のサービスになっていてるので、関連付けしておくと 共通データを自動的に共有してより正確なデータが受け取れるよ うになる。 「編集」を押すと ウェブマスターツー ルの画⾯に切り替わ るのでリンクさせる さいとサイトを チェックして「ウェ ブマスターツールに サイトを追加」する。
70.
70 3.自IPを除外する 正確なアクセス解析データにするために、自分(自社)がアクセ スする際のIP、関係者がアクセスする際のIPをアクセス解析対象 から除外しておく。
71.
71 3.自IPを除外する 「アナリティクス設定」->「フィルタ」->「新しいフィルタ」 でフィルタ追加画⾯を表示させ、「フィルタの種類」で「除外」 「IPアドレスからのトラフィック」「等しい」を選択する。
72.
72 3.自IPを除外する 次にIPアドレスを正確に⼊⼒し、「保存」を押す。 IPアドレスが不明な場合は、http://goo.gl/XorhGs を参照し、調べてか ら⼊⼒する。 ※wifiや家庭用回線など毎回IPが変わるポイントは除外できない。
73.
今⽇の まとめ
74.
74 今⽇の まとめ ポートフォリオサイト作成は「意図」と「方法」。 - 「意図」を絞ってサイト制作をする -
公開後の「PR方法」もあらかじめ考えておく。 改善して制度を⾼めていく - Googleウェブマスターツールの登録も忘れずに。 - Gooleアナリティクスの登録、チューニング も必ずやること。定期的に確認する習慣をつける こと。
75.
お悩み解決! 質疑応答
76.
76 よく頂く質問 ? 「いいね!」ボタンはつけた方がいい? ? SNSへのリンクはつけた方がいい? ?
事例や人の作品には許可を取るべき? ? 連絡先は載せたほうがいい? ? どのように改善していけばいいの?
77.
2015年3月度の勉強会テーマ 「Bootstrapの基本をマスターする!」 開催日時 2015年3⽉31日(⽕)18:30~21:30 場所 都内某所(新宿区)参加希望の方にご連絡します。 na2ken.comにアクセス後「定期勉強会参加申し 込みフォーム」よりお申し込みください。 実習を通して、Bootstrapを基本から 学べるとともに、仕事での使いどころ、 CSSフレームワークの最新動向など盛 りだくさんの内容です。Bootstrapを 使えるようになりたい方、興味のある 方は是非ご参加ください! この授業を受講された方は無料で参加できます!