ウェブDeBLOG | トライデントコンピュータ専門学校 Webデザイン学科

トライデントWebデザイン学科の最新情報を紹介しています。学生へのインタビュー記事から学生作品の解説、Webデザイン・マークアップ・プログラミングの授業風景、プロジェクト発表会、名古屋のWeb制作会社情報、イベント参加レポートやWeb制作の技術解説記事などWeb制作に関連する記事を掲載しています。トライデントコンピュータ専門学校は、いま話題の名古屋駅から地下街を歩いて3分です。 

2013.07.16 [火] WCAN 2013 Summerに参加してきました。

wcan2013summer001.jpg

以前の記事でも予告した通り、7月6日(土)に名古屋国際会議場で行われた「WCAN 2013 Summer」に参加してきました。
セッション前のライトニングトークでは、Web業界の社会人に混じってWebデザイン学科2年生の礒田くんが「Pureでフラットにリニューアル」というテーマで実際にライブコーディングでデモをしながら使い方など、CSSフレームワークPureの解説と自分のポートフォリオサイトのリニューアルについて話をしました。

wcan2013summer002.jpg wcan2013summer003.jpg


礒田ブログ: http://blog.hinapp.net/
礒田ポートフォリオ: http://portfolio.hinapp.net/
Pure: http://purecss.io/
CSSフレームワーク比較サイト: http://usablica.github.io/front-end-frameworks/compare.html/


セッションでは、まずバイドゥ株式会社の矢野りんさんが「モバイルコンテンツデザイン 設計から実装までのデザインプロセス」と題して、ご自身がデザインを担当されているAndroidアプリ「Shimeji」での“スタートアップ時代”から現在の“信頼性の向上の時代”までのデザインプロセスを、実際によく使うデザインパターンも具体的に交えて紹介していただいきました。

wcan2013summer004.jpg

続いて、株式会社サイバーエージェントの佐藤歩さんの「ハイパフォーマンス・Webフロントエンド」では、常に言われているブラウザでの表示速度を最適化するために、考え方。実際に現場で使用しているツールなどを紹介していただきました。Chromeの開発版である Google Chrome Canary の開発者ツールを使ってのデモなど、初参加の1年生にはちょっと難しかったかもしれませんが、ビジュアル面ばかりではない違う世界が垣間みれてよかったのではないでしょうか。

最後に株式会社ワンパクの阿部淳也さんの「Co-Creative時代の企画・ディレクション」です。

wcan2013summer005.jpg

Co-Creativeとは共創型と訳されますが、誰と共創するのか?
コミュニケーションの取り方が個々に複雑化してきている現在、広告業界も広告から価値ある体験の提供へと変化しています。提案から、共に考える時代へ進むうえで、Web技術に長けたクリエイターが、今後の世界を変えていける可能性を秘めている。そんな、勇気のあふれるセッションでした。

WCANも今年から、デザイン・テクニカル・ディレクションと3種のセッションが聞けるようになり、内容盛りだくさんでとても充実した1日でした。次回も楽しみにしております。

2011.05.17 [火] コミュニケーションデザインワークショップその1

5月14日(土)に株式会社ワンパク(http://1pac.jp/)の阿部淳也氏を講師としてお招きして行われた「コミュニケーションデザインワークショップ」に参加してきました。

commuWP003.jpg commuWP001.jpg

■講師紹介
阿部 淳也 氏 株式会社ワンパク(1PAC. INC.)
自動車メーカで車内のユーザインターフェース設計を約7年間手がけた後、 IT部門で約4年間Webデザイン、 Flash、CG制作と共に、テクニカルディレクターを経験。 2004年よりCosmo Interactive Inc.に参加。多くのWebサイト立ち上げにプロデューサ、クリエイティブディレクターとして携わる。 2008 年にクリエイティブプロダクション1PAC. INC.を設立し独立。東京インタラクティブ・アド・アワード入賞、グッドデザイン賞受賞、 2010年WebクリエーションアウォードWeb人受賞など。
また、東北・関東大震災被災者への支援プロジェクトとして、Twitter上の被災地情報を市町区村ごとに携帯電話からでも見られるサイト”negau.org”の立ち上げを行う。[negau.org] http://negau.org/
鈴木 曜 氏 富士重工業株式会社
2001年入社。2007年より、日本におけるスバルのオフィシャルサイト運営から、メディアバイイング、 WEBプロモーションまで、WEB領域全体を幅広く統括している。特にソーシャルメディアとリアルイベントを組み合わせたコンテンツ展開が評価されており、過去にTIAA、WebbyAwards 、世界で最も優秀なマーケティング・コミュニケーション活動を表彰するMAAW グローブス賞で銅賞を受賞。個人においても、「Webクリエーション・アウォード2010」で Web人賞を受賞している。一方で、ターゲティング広告に対する造詣も深く、就任後早くから積極的にWEBプロモーションにその手法を取り入れ、実践している。
■タイムテーブル
10:00~:座学(講師:株式会社ワンパク 阿部 淳也 氏)
11:00~:座学(講師:富士重工株式会社 鈴木 曜 氏)
12:00~:鈴木氏オリエンテーション
13:30~:個人でのアイディア出し
14:30~:チームディスカッション
15:30~:各チームまとめ
16:00~:各チームプレゼン
17:00~:総評、まとめ
18:00~:懇親会

スケジュールを見て分かるとおり、朝から晩までギッシリの内容でした。

講義1:株式会社ワンパク 阿部 淳也 氏

◎コミュニケーションデザインとは、
企業や組織が社会で行なう活動において顧客や関係者とどのように向き合い、どのような関係を築いていくのかをマーケティングやブランドも踏まえたコミュニケーション全体として考える必要がある。
これは、非常に広義となります。

◎4P時代から4C時代へ
また、企業側からのコミュニケーションのあり方も高度経済成長時代に比べ変化してきました。
commuWS005.jpg
「Promotion」の語源はラテン語の「Prommobeo(前へ動かす)」からきており、買い手に対して強い志向性(一方向性)を感じるが、それに対して「Communicaion」の語源は、ラテン語の「Communico(共にあずかる、意味を共有する)」からきており、コミュニケーション戦略という表現ですべてを包括することができる。
そして、フィリップ・コトラーの本は読んどけ

◎AIDMAからAISASSS…
インターネットが普及し始めてから購買行動の中で態度変動要因が「AIDMAからAISAS」へ変わってきた。
さらに、Action→Interest→Seach→Action→Share→Seach(自分の買った物への評価が気になる)→Shareという動きも見られ、消費する事へのネガティブさが伺える。(例)「~買っちゃってさー。」
SIPS【Sympathize(共感)→Identify(確認)→Participate(参加)→Share&Spread(共有・拡散)】ってのもあります。

◎マーケティング、ブランドとコミュニケーション
今までのPRは、メディアを向いて行っていたが、ソーシャルメディアの台頭で本当に生活者の方を向けるかが重要になってくる。
マーケティングコミュニケーション(プロモーション・販売促進・パブリックリレーションズ)+ブランドコミュニケーション(アウターブランド・インターナルブランド・CI戦略、CSR、社会貢献、サポート、CS など)
特に社員に対する自社ブランディングの体現(インターナルブランディング)が重要。

◎コミュニケーションデザインの考え方のポイント
ポイントは5つ。
1.ターゲットセグメント→2.タッチポイント・チャネル→3.体験・表現・ベネフィット→4.ゴール→5.関係性。
※このサイクルをぐるぐる回す。どこから始めてもいいし、順番が変わってもいい。柔軟に。

1.ターゲットセグメント
世代や性別などデモグラなセグメントな時代は、終了しつつある。多様化しすぎているので、エリア軸・時間軸・行動軸などシナリオやシチュエーションを踏まえながら組み立てた上でのターゲットやセグメントを決める必要がある。(ペルソナをたてシナリオを書くのが有効)
2.タッチポイント・チャネル(どこでコミュニケーションを図るのか)
店頭、PR、メディア、サイトなど。その他デバイスも考慮に入れるべき。
3.体験・表現・ベネフィット
本当の広告とは、一方向性ではなく、どんな体験をして欲しいのか、どんなベネフィットを感じてほしいのか、「トータルなユーザー体験を設計、それによってユーザーが得られるものは何か」
を解決する方法である。
4.ゴール
KPI(効果指標)を必ず立て、定期的に測定・評価をPDCAサイクルに乗せながら改善をしていく。
5.関係性
ソーシャルメディアを使って関係を築いた後どうするのか、顧客情報を得た後どうするのかが重要となってくる。最近の傾向としては、「絆マーケティング」「マーケティング3.0」など精神的な関係性・繋がりが求められる傾向もある。「One on Oneマーケティング」ができる時代にもなってきた。

◎トリプルメディア・トリプルスクリーン
commuWS006.jpg
従来メディアミックス、クロスメディアなどと言われていたが、現在ではトリプルメディアという考え方に変わってきており、その中でも、やはり自社メディアの重要性が問われている。
Googleで検索したところ、横山隆治著書「トリプルメディア・マーケティングに詳しく載っていそう。
デジタルサイネージは、現在節電のため東京よりは地方のほうが盛んに行われている。

以上が、阿部さんの講義で自分がチェックしたところを書き出しました。
途中、ブログに書くのを諦めようかと思うぐらい、内容の濃~い講座でした。
正直いうと、コミュニケーションデザインの講義の中で、ここまでマーケティングの話が出てくるとは思っていませんでした。しかし、本来マーケティングとはコミュニケーション、マネージメント、デザインを含めた広範囲に及ぶさまざまな交換活動と考えると、コミュニケーションデザインの行動の規範として、重要な位置づけになるのは当たり前なのかと思います。

ということで、最初から脳みそフル回転でした。
この後の、スバルの鈴木さんの講義も濃密で、そのまとめとワークショップについては次に書きます。
検索フォーム
熊本地震 支援・募金まとめ
募集イベントバナー(1年生制作)
BananaAd Banner
プロフィール

担当:Webデザイン学科+

名古屋駅から歩いて6分、トライデントコンピュータ専門学校のWebデザイン学科を紹介します。

トライデントロゴ

質問などはLINEでどうぞ。

友だち追加数
Webデザイン学科実績
<プレゼン>
WCAN 2016 Springに参加してきました。
WCAN 2015 Winterに参加しました。
建設業入職者増加プロジェクトの発表会に参加
WCAN 2015 Summerに参加してきました。
WCAN 2013 Winterに参加
WCAN(秋)に参加しました。
無事、発表が終わりました【WordFes Nagoya 2013】
WCAN 2013 Summerに参加してきました。
WCAN 2011 Winter LT&LOGO
学生がライトニングトークで話しました。
<展示会>
1年生進級展「お母さんの2度見展」を開催中です。
「うぇ~~~~~~~ぶ2016」終了しました。ご来場ありがとうございました!
「うぇ〜〜〜〜〜ぶ!!」終了。ご来場ありがとうございました!
<コンテスト>
NCF2014(スマホアプリ開発テーマ2) 準グランプリ獲得!
最優秀賞!HTML5スマートアプリ&クリエイティブコンテスト
NCF2013グランプリ受賞!!!
<Webサイト制作>
建設業入職者増加プロジェクト発表会
Webサイト制作発表会2014
99eagle Webサイトリニューアル公開
99eagle Webサイト公開
「Bloom*Block」Webサイト公開
セントレア「日本の四季 キルト展」Webサイト公開
かっぱ商店街サイト制作
ココストア共同企画「アサココ!」公開
<技能五輪全国大会>
第53回技能五輪全国大会(ウェブデザイン職種)その3
第52回技能五輪全国大会が開催されました。
銀メダル・銅メダル獲得【第51回技能五輪全国大会】
第49回技能五輪全国大会結果発表 敢闘賞受賞
第48回技能五輪全国大会結果発表(銀賞・敢闘賞受賞)
第47回技能五輪閉会式 & 結果発表
第46回技能五輪
<若年者ものづくり競技大会>
第11回若年者ものづくり競技大会 2日目&結果
第9回若年者ものづくり競技大会2日目(競技日)
第8回若年者ものづくり競技大会2日目
第7回若年者ものづくり大会
第6回若年者ものづくり大会2日目
第5回若年者ものづくり大会
第4回若年者ものづくり競技大会閉会式
Instagram
学生ブログリンク
<1年生ブログ>

WF1でBLOG 2017

<Webデザイン学科2年生ブログ>
タグリスト 改

トライデントコンピュータ専門学校Webデザイン学科WCAN業界研究技能五輪ウェブデザイン職種ウェブデザイン若年者ものづくり競技大会2013名古屋WebサイトECCコンピュータ専門学校映画ポートフォリオ2009Winter学生ブログWebデザインWebサイト制作WordPress2011JavaScript礒田優かっぱ商店街入学式cmsNagoyaライトニングトーク卒業制作展矢野りんa-blogWordpress2014技能五輪全国大会SummerCGイラスト学科Web瀬川大勝テンプレート作成石黒雄介ホームページ・ビルダーAutumn若年者ものづくり大会オープンキャンパス面白法人カヤックアクアリング1年生進級展2012第48回技能五輪全国大会大阪東京研修杉本拓也miniinアクセス解析ウェブデザイン技能競技会html5Flash体験入学JapanHCD2010GIO名古屋駅あいちカレーラーメンコンテストIIJココストアAdobe2015Web制作会社gifアニメ水野裕太CentOSラーメン卒業制作専門学校企業訪問Google卒展田中睦翔人間中心設計マール情報デザインフォーラム学生99eagleBananaAdCSS3合同企業展プレゼンテーションWebワークショップ上村水月情報デザインHTML5ウェブデザイン技能検定愛知県プロジェクトセントレアブログパーツ成田篤紀SpringCMStextarea要素output要素岩手県option要素カリキュラムlabel要素form要素Likefieldset要素legend要素select要素学生インタビューinput要素グループ制作FICCまぼろしうぇーぶナゴヤドーム知多みるくparticlecanvas1年生作品展サイバーエージェント長屋めぐみWEBサイト制作者のためのHCDの理解in名古屋SEO真鍋大度中日ドラゴンズスマホアプリアンティー・ファクトリー企業課題名商連モンキーワークス産学協同スマートフォン鷹野雅弘茂森仙直WordFesトライデント合同企業展ワークショップカメラ和み2008CalendarAdvent写真5T(ファイヴティー)作品集笈瀬本通り空気人形堀尾真衣ビジュアルエディタたこ焼きAnalyticsWebデザインギャラリー佐藤歩レイアウトCSSイラストマップ結果発表トライデントUXiPhoneForumBox塚本碧WordCamp熊谷佳紀F-site名古屋市科学館名古屋開府400年祭静岡阿部淳也卒業式jQuery会社訪問DTPWORLDWebクリエイター能力認定試験閉館日導入授業サーティファイ幕張メッセMarkup就職活動林田実樹豊田市美術館CSSNite謹賀新年Appleメ~テレコミュニケーションデザインワークショップ初期設定戸田芳裕Storeポートフォリオサイト情報デザイン基礎ディプロスウェブデザイン技能競技大会Yahoo!JapanRunstantjbstyleアサココ!中部国際空港株式会社ブラザー工業株式会社WasSalsaCODEポスターデザイン・コンペティションAndrioid増田悟アクセシビリティWEBサイト制作者のためのHCD(人間中心設計)の理解小林信次ITCIRCUS夢プロジェクト2009・成果報告会IA2010キックオフセミナー株式会社アクアリングウェブリテラシー協会第一回セミナー慶華飯店iPhone4森川眞行広島弁GoogleAnalytics会社見学タロヲ横浜デジタルアーツペルソナ1→10design細川太郎石井研二カメラワークAnd金シャチ商店街ThenThereNIKE新横浜ラーメン博物館箱根合宿商店街柴乃櫂人横浜中華街名古屋メディアボンドGA名古屋クリエイターフットサル鎌倉CODEシナリオ技能五輪予選ネスカフェゴールドブレンド大沢たかおWEBサイト制作者のためのHCDの理解道頓堀新世界求人ポスターデザイン・コンペディショングラフィクデザインスタジオジブリ・レイアウト展Twitter知多半島三蔵松坂屋美術館unoplusフナ犬ポートピア名古屋プロ野球プチ・フレーズ笈瀬本通商店サイト制作愛知商業高校名チャリサーバーみの治商店IAチタハン10名駅経済新聞餃子福みつ名古屋サイト改善研究会中級編UltimateWCAN46ビジュアルデベロップメントナゴヤ伊藤頼子プロトコル分析YORKE.武将都市TAFF武豊アニメーションフェスティバル名古屋おもてなし武将隊名古屋グランパス浜松ITホワイトボックスFINALアートアニメーション武豊町TAFF'09FANTASYVIICOMPLETECHILDRENADVENT広告批評WCAN×CSSNiteWebリテラシーデッサンDesign造形基礎HTML+CSS基礎西村真里子プレゼン演習ActionScript基礎TokyoLabuatファルコム音楽フリー宣言音楽ゲーム荒俣宏UNIQLOヤノベケンジカスタマイズセミナーCALENDAR日本ファルコム□□□switch「ヤノベケンジ-ウルトラ」展BlogUTZOOMワークスコーポレーションGENOウィルス山村浩二デコクレセキュリティCS4サムライStefanW+KTokyo(+CRUZ)QubibiArtlessSagmeisterHelvetica2008WinterWebDirectionEast'08デザインのへそNam丹下紘希WEBウェブデザイン部門カンファレンスTHECONTESTHPデザインデザインコンテスト01XRAYSIGGRAPHCollegeFLEXFLASHNightSakaeTEXTURE中村勇吾佐藤可士和MAXデザイナーのためのプログラミング入門鳥取VideopuppetryASIA鳥取砂丘デザインPHP愛知県美術館アンドリュー・ワイエスウルトラ展黒い太陽映画のオープニング閉会式ゆるキャラFlash-Gamesマクロマリオネットマークアップ演習FITCCREAMごはんとFlashwonderflKyotoストリートビューJAPANインターネットクリエイティブアワードYahoo!カラーAutumindotFesHCDプロセスブランディングロゴ公募教育勉強会おかだよういちペルソナ/シナリオ法情報デザイン教育勉強会浅野智ペルソナ&シナリオ法横浜デジタルアーツ専門学校3校合同発表会クリ博就職フェスタウェブDeBLOGヨウイチコピーライティング小野裕子#infoedu山崎デザイン事務所スーパーエレメンツイラストコンテストデュエル・マスターズ長谷川恭久世界のCMフェスティバルPHP勉強会電信柱エレミの恋ウサビッチカナバングラフィックスコマ撮りアニメソバットシアターアイディグラフィックス学生参加CMS特集富岡聡学科国家検定インターネットスキル認定普及協会ライブペイント西田幸司ヱヴァンゲリヲン新劇場版:破旭食品サンプル製作所食品サンプルActionScript今井佳子グラフィックデザインUNIQLOCKギレン総帥LPOナゴヤデザインウィーク2009是枝裕和監督大富豪スコアシート東京ゲームショウ2009人喰いの大鷲トリコ第4回アックゼロヨン・アワードCG・イラストコンテスト後期入賞ガンダムMozoramaアニメーションモーション演習animationescalator日本電子専門学校3CGスペシャリスト松田洋樹3DCG東京コスモ味仙FlexboxUXデザインDmm.com岡田陽一FlexibleBoxクリスマス熊﨑彩Velocity.jsScrollMagicScrollmagic八木智章Webアクセシビリティアクセシビリティからはじめる、WebサイトのUXデザイ第53回ワクワク建設タウン建設経営者倶楽部源賢司アクティビティシナリオウェブアートデザイナーうぇ~~~~~~~ぶワイヤーフレーム仕事レスポンシブWebデザイン職業実践専門課程専門士学位出席率UIバイドゥグロースハッカーグロースハックPlatformKaizen14高校平野健太郎ポートフォリオアイデア帳採用担当者の心に響く竹中民男夏麺フェアoptgroup要素type属性紅茶専門店Liyn-anアイテムカンパニーkeygen要素datalist要素第52回技能五輪全国大会HTMLbutton要素ネイルサロンマウア授業加藤ひとみ西岡克真AnimationAO山田拓生青山敬司アイチータ結団式愛知県選手団オリエンタル麺の匠森田霞HighlighterSyntaxCrayonマークアップエンジニアアップルップル飯田淳介フロントエンドエンジニア木村哲朗2015年度新入生NTTドコモ東海NCF2014新年のご挨拶親孝行名古屋駅麺通りCSS3&jQueryで作るWF1でBLOGインターンシップスマートフォンサイトUI図鑑合同制作合宿合同制作HTMLCollectionNodeList美大芸大appendChild()Webプログラミング初級講座お母さんの二度見展学習進級展マイクロソフト水野怜美株式会社LIGいな世驛麺通り再進学醐りょうインスタグラム料理ドラマInstagramライデントコンピュータ専門学校ECMAScript山川綾那鈴木雄太フォトアルバムスタジオディテイルズ株式会社エイチーム梅澤朝樹出張講座尾鷲高校衣台高校服部友厚佐藤洋介SyntaxHighlighter制作合宿ES2015ES6v4.0.1WCAN2017Springターミナル学校Proxy学園祭情報系カークスヴィルIA/UXプラクティス平野秀幸坂本貴史沼田啓助河地芳明CodePenプログラムクイズAO入試制作実績津田直明WebディレクターWeb制作のおしごと懇親会合宿WebデザイナーWebプログラマー2016原一浩坂本邦夫JSBinJSFiddle夏休みジムナストコロン日清食品グループタカガールサイト夏季閉館日トライデント祭りMonaca学生作品集沖縄水曜日のカンパネラプラネタリアン涼麺jsdo.itCodeplyPlunker駅麺通りクイズResurgenceDay:Independence特別授業青空学区東京ゲームショウ神戸神戸国際展示場ゲーム大賞アマチュア部門Ohanaツインメッセ静岡静岡県ロゴマークメールマガジン鈴木プラネタリウムGATEDRAGONドラゴンゲート愛知淑徳大学ゴールデンウィークGoogleロゴライアン・ウッドワードマーサ・グレアム5月11日敢闘賞迎春GAMETOKYO東京ゲームショウ2012第7回若年者ものづくり競技大会SHOWベースキャンプ名古屋IllustratorSVGFacebookページ尾花大輔Bloom*BlockFuturedocomoドコモ2011年度StationNHNBloosumTeamイマジンカップみつけもの恵那市岩村キルターズフェスティバル2011笈瀬本通商店街名古屋市中村区FLAVER3.0放課後のプレアデスSUBARU日本の四季中部国際空港GAINAXFLV8341-3:2010PluginLoadLazy大西健太forSlimbox2XJISウェブリテラシー協会キルト展愛知県立芸術大学北岡弘至伊達千代DTPの勉強部屋ablogcmsMagnumJAPANWORLDCUPプロジェクションマッピングバルサマンノートPC貸与トライデントカレッジCustomSmilies絵文字円JOY!map卒業・修了制作展KtaistyleぬいぐるみのラパンUntitled!!!!!!!!英国王のスピーチ卒業制作・研究発表会2011長野結果parseInt()DesignergoogleGWDparseFloat()備忘録中村健太道家陽介concrete5栗山聡一F81教室トライデント合同企業説明会HTML5スマートアプリ&クリエイティブコンテストモテ声ボーダーlist-itemdisplayKDDIジョルテ10日でおぼえるLinuxサーバー入門教室卒業研究制作展最優秀賞ランチ石原愛実丸高アロチ本家和歌山中華そば熊野三山丸田屋岩出本店名古屋市営地下鉄柏木祥太スパルタキャンプ大門坂那智の大滝名古屋マークアップ勉強会tableテーブル宇野剛志マカベン熊野古道本州最南端串本八鬼山list-style-typeNTTドコモ東海支社木下健太郎就職東京佐藤ねじThree.jsプレゼンRhizomatiks田代豊たにぐちまことみんなのICTウェブアクセシビリティ画像をチェックボタンにする張山大祐JQuery第50回MuseWeb制作合宿モリサワFacebookたこ焼きパーティinspiredbyNEXT高橋雅人カレーラーメン麺やOKCOMMUNICATIONAWARDNCF2013美術大学芸術大学麺屋ココイチフジ家55あいちトリエンナーレ2013そこにいない。展PARTYPerfumeWebデザイン演習第51回技能五輪全国大会さかなや晴れやか嵐が如く田中稚妃呂

メールフォーム

名前:
メールアドレス:
件名:
本文:

東京コスモ
トライデントコンピュータ専門学校
Pagetop