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

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

2014.10.12 [日] Webサイト制作発表会2014

集中授業の最終日にWebデザイン学科2年生前期授業「Webサイト制作」の発表会を行いました。

website141010_01.jpg

2年生前期授業「Webサイト制作」は、4名1組のグループで、実際のクライアントからWebサイト制作の依頼をうけ、それぞれ役割を分担して公開をする事を目的にした授業となります。クライアント様との打ち合わせや、要件の調査、課題の抽出、設計、ビジュアルデザイン、コーディング、CMS実装、公開を学生が行います。

かっぱ商店街(笈瀬本通商店街)

http://oise.jp
website141010_16.jpg
かっぱ商店街(笈瀬本通商店街)名古屋駅西にある商店街です。数年前、先輩たちが制作したサイトがWordPressを狙った攻撃にあって改竄されてしまい、記事や店舗情報が読めない状態になってしまい、リニューアルの依頼でした。

website141010_04.jpg website141010_05.jpg
メンバー:山崎伊清、池田大地、笠井政慶 、水野裕太
以前のイラストを利用した親しみやすい雰囲気は継承しつつ、PHP製のオリジナル店舗情報システムもすべてWordPressで実装し、ページ全体の情報設計にも考慮したWebサイトになっています。これで、店舗情報やブログの更新もひとつの管理画面でできるようになりましたので、商店街の人が情報を発信しやすくなっています。

website141010_23.jpg website141010_07.jpg
かっぱ商店街の中西さん、湊さんにもお越しいただきました。終了後は、今後の運用や、要望など聞く事ができました。

ネイルサロン maua

http://maua.jp
website141010_17.jpg
マウアさんは個人で経営されているネイルサロンです。以前、名古屋市内にあった店舗を尾張旭市に移転され、現在運営しているアメーバブログだけでなく、Webサイトを開設したいという新規制作の依頼でした。オーナーとお客様へのアンケートを実施し、何度も打ち合わせを重ねて制作をしています。

website141010_13.jpg
メンバー:鈴木庸孝、伊藤鮎美、西山隼平、松岡祐弥
打ち合わせの回数は、他のグループに比べて圧倒的に多かったので、最終的にクライアント、制作者ともに納得のWebサイトになっています。デザインは、メインターゲットである“若すぎない大人の女性”を意識して空気感のあるレイアウト、色味になっています。またお店の特徴である、ネイルのデザインもわかりやすくギャラリー化し、さらにオリジナルのアップロードシステムを組み込みました。入力項目を限定する事で更新のしやすさも考慮しています。また、ほとんど(約9割)のお客様がリピーターということで、初見で行きやすいようにメニュー、料金も明瞭で細かく表示してあります。まだ実装が完了していませんが、予約システムを導入する事で、さらに集客に結びつける施策も用意しました。

website141010_15.jpg website141010_14.jpg
マウアのオーナー森下さん。株式会社アンティー・ファクトリーで活躍中の卒業生、石黒くんも、セキュリティー面と予約システムについてのアドバイスをしてくれました。

株式会社アイテムカンパニー

http://www.item-c.jp/
website141010_18.jpg
販売代行の株式会社アイテムカンパニーさんのWebサイトはあったのですが、汎用のテンプレートで制作されていたため、業務内容がわかりやすく、人材採用にも利用できるWebサイトにリニューアルして欲しいとの依頼でした。

website141010_02.jpg website141010_12.jpg
メンバー:河地芳明、栗山総一、田中睦翔、森瑛幹

まずは、一般の人にはあまり馴染みのない“販売代行”についてわかりやすく解説するとともに、目的である問い合わせ件数の増加、人材採用などを明確に分離し誘導できるように情報設計に気を配りました。ビジュアルに関しては、学生にお任せという事でユーザーの動きを邪魔しないように大きめなブロックでわかれています。会社のメインカラーである赤を中心にして、内容が引き立つように背景に色を入れていません。お問い合わせフォームのページもファーストビューに考慮したUIになっています。

website141010_22.jpg website141010_11.jpg
森先生からは「ユーザー層から1秒かかるトップページは離脱しちゃうよ」とトップページのローディング時間についての指摘をもらいました。また今回は、名古屋のWeb制作会社の方もお越しいただきました。株式会社アビリティコンサルタントの菅沼さんからは、お問い合わせフォーム上のQ&Aが増えた場合や、電話番号でのお問い合わせに関しての質問がありました。

紅茶専門店 Liyn-an

website141010_19.jpg
尾張旭市にある紅茶専門店 Liyn-anさんは、喫茶店の経営はもちろん、海外の紅茶の買い付け、業務用紅茶の販売、おいしく紅茶を飲むための研究や論文執筆、本物の紅茶の普及など、尾張旭市を紅茶で有名になった中心的なお店です。今回は古くから積み上がってきたコンテンツを整理して、新たに業務販売用のWebサイトを制作してほしいとの依頼でした。

website141010_09.jpg
メンバー:伊吹賢也、小林裕仁、高橋雅人、横井翼
現在あるメイン紅茶専門店 TEAS Liyn-anのサイトと通販サイトに加え、業務用のサイトを開設する事で販路を明確にして、それぞれのお客様に合った情報を提供することが目的になります。業務用サイトは商品の情報だけでなく、購入したお店が美味しい紅茶を提供できるように、奥の深い紅茶の世界、技術、知識を幅広く知ってもらいたいという、オーナーの堀田さんの想いも具現化します。今回はそのために、膨大な紅茶記事を分かりやすく分別し、ユーザーに迷わず情報を提供するためのシステムをWordPressを利用して実装する事になります。
残念ながら、まだトップページと数ページしか制作ができていませんが、トップページには、記事へ誘導するリンクがたくさん用意されていますので、設計思想と上手く組み合わされば、面白いサイトになるのではと期待してます。

website141010_08.jpg website141010_24.jpg
リンアンの堀田さんには「楽しみにしています!」と激励いただきました。期待にお応えしたいですね。株式会社アルタの田中さんからも、ご意見をいただきました。

会場の後ろには各グループのWebサイトが閲覧できるようになっていました。
website141010_20.jpg website141010_25.jpg
終了後には、アンケートにもお答えいただき、発表会内では聞けなかった、貴重なご意見も伺えました。改善の目安に致します。ありがとうございました。

website141010_06.jpg
発表会を終えて、ホッとした一幕。さて来週からは、後期の通常授業が始まります。今回のWebサイト制作も完成させることはもちろん、コンテストも卒業制作も始まりますので、頑張っていきましょう!
関連記事
Comment







(編集・削除用)


管理者にだけ表示を許可
Trackback
http://tridentwebdesign.blog.fc2.com/tb.php/464-0aacf081
検索フォーム
熊本地震 支援・募金まとめ
募集イベントバナー(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コンピュータ専門学校映画Winter2009学生ブログWebデザイン2011JavaScriptWebサイト制作WordPress礒田優かっぱ商店街a-blogWordpress技能五輪全国大会ライトニングトークNagoyacms矢野りん2014卒業制作展入学式瀬川大勝Summer面白法人カヤックCGイラスト学科若年者ものづくり大会Webオープンキャンパスホームページ・ビルダーアクアリング石黒雄介テンプレート作成AutumnJapan体験入学mini1年生進級展Flashinhtml52010杉本拓也ウェブデザイン技能競技会2015大阪アクセス解析あいちカレーラーメンコンテスト名古屋駅HCDWeb制作会社IIJAdobe第48回技能五輪全国大会2012東京研修ココストアGIOCentOS合同企業展プレゼンテーションマールBananaAdラーメン専門学校卒展水野裕太人間中心設計情報デザインフォーラム卒業制作企業訪問田中睦翔学生プロジェクトGoogle情報デザイン99eagleCSS3gifアニメWebワークショップ上村水月HTML5ウェブデザイン技能検定愛知県セントレア成田篤紀ブログパーツSpringlegend要素fieldset要素label要素form要素CMS塚本碧岩手県SEOたこ焼きカリキュラムCSSNite名商連Webデザインギャラリー真鍋大度input要素Runstant長屋めぐみWEBサイト制作者のためのHCDの理解in名古屋スマホアプリうぇーぶ1年生作品展ビジュアルエディタグループ制作佐藤歩企業課題textarea要素option要素select要素output要素FICC空気人形モンキーワークス和みワークショップWordFesスマートフォン作品集鷹野雅弘堀尾真衣Calendar産学協同写真2008カメラAdvent5T(ファイヴティー)トライデント合同企業展茂森仙直トライデントイラストマップ学生インタビューBoxまぼろしLike笈瀬本通りForumレイアウト結果発表AnalyticsiPhoneUXCSSサイバーエージェントアンティー・ファクトリー名古屋市科学館会社訪問閉館日林田実樹F-site幕張メッセウェブデザイン技能競技大会卒業式Markup名古屋開府400年祭阿部淳也コミュニケーションデザインワークショップ静岡情報デザイン基礎ディプロス初期設定アサココ!サーティファイWebクリエイター能力認定試験WordCamp導入授業豊田市美術館謹賀新年DTPWORLD就職活動jQuery熊谷佳紀メ~テレ知多みるくAppleStorecanvasナゴヤドームjbstyleポートフォリオサイトparticle中日ドラゴンズ戸田芳裕AndThenNIKE慶華飯店iPhone4広島弁サーバー名古屋サイト改善研究会増田悟IA中級編名駅経済新聞小林信次CODEポスターデザイン・コンペティションWasSalsa新横浜ラーメン博物館フナ犬There中部国際空港株式会社プロ野球ブラザー工業株式会社細川太郎クリ博就職フェスタアクセシビリティペルソナ&シナリオ法商店街金シャチ商店街株式会社アクアリング名古屋メディアボンド3校合同発表会1→10designポートピア名古屋横浜中華街名チャリペルソナ箱根合宿森川眞行横浜デジタルアーツ専門学校日本電子専門学校鎌倉会社見学シナリオウェブリテラシー協会第一回セミナーチタハン10武将都市ナゴヤ柴乃櫂人名古屋おもてなし武将隊名古屋グランパスWCAN46TAFF武豊アニメーションフェスティバル大沢たかおunoplusITCIRCUSWEBサイト制作者のためのHCD(人間中心設計)の理解道頓堀タロヲグラフィクデザイン浅野智Andrioid求人Twitter松坂屋美術館スタジオジブリ・レイアウト展みの治商店三蔵笈瀬本通IA2010キックオフセミナー名古屋クリエイターフットサル伊藤頼子ビジュアルデベロップメント夢プロジェクト2009・成果報告会GAYORKE.Ultimate新世界プロトコル分析CODE技能五輪予選ポスターデザイン・コンペディションプチ・フレーズネスカフェゴールドブレンド知多半島福みつ商店サイト制作WEBサイト制作者のためのHCDの理解浜松餃子愛知商業高校大富豪スコアシートTAFF'09広告批評WCAN×CSSNite武豊町アートアニメーションVIIFANTASYFINAL西村真里子プレゼン演習DesignCS4サムライデッサンWebリテラシーActionScript基礎HTML+CSS基礎造形基礎ADVENTCHILDREN日本ファルコム□□□switch山村浩二ゲーム音楽UNIQLO荒俣宏ファルコム音楽フリー宣言デコクレセキュリティLabuatTokyoCOMPLETEUTZOOMBlogGENOウィルスワークスコーポレーション「ヤノベケンジ-ウルトラ」展TEXTURE中村勇吾W+KTokyo(+CRUZ)QubibiArtlessStefanSagmeisterWebDirectionEast'08デザインのへそHelveticaNam丹下紘希WEBウェブデザイン部門カンファレンスTHECONTESTHPデザインデザインコンテスト012008WinterXRAYFLASHMAXデザイナーのためのプログラミング入門FLEXCollege佐藤可士和SakaeNightPHP愛知県美術館VideopuppetryASIASIGGRAPH鳥取鳥取砂丘アンドリュー・ワイエスデザインCALENDARカスタマイズセミナーKyotodotFesHCDプロセスwonderflFlash-Games映画のオープニング閉会式ゆるキャラブランディングAutuminITホワイトボックスPHP勉強会東京ゲームショウ2009世界のCMフェスティバルYahoo!カラーストリートビューJAPANインターネットクリエイティブアワードマクロマリオネットマークアップ演習デュエル・マスターズ長谷川恭久スーパーエレメンツイラストコンテストヨウイチペルソナ/シナリオ法情報デザイン教育勉強会ウェブDeBLOG山崎デザイン事務所コピーライティングFITCCREAMごはんとFlashロゴ公募教育勉強会小野裕子#infoedu人喰いの大鷲トリコ是枝裕和監督富岡聡学科旭食品サンプル製作所カナバングラフィックスウサビッチソバットシアターコマ撮りアニメ電信柱エレミの恋食品サンプルActionScript黒い太陽ウルトラ展ヤノベケンジライブペイントインターネットスキル認定普及協会ヱヴァンゲリヲン新劇場版:破西田幸司国家検定CMS特集学生参加CG・イラストコンテストモーション演習animation第4回アックゼロヨン・アワードLPOナゴヤデザインウィーク2009UNIQLOCKギレン総帥escalatorアニメーショングラフィックデザイン今井佳子アイディグラフィックスガンダム入賞Mozorama後期おかだよういちDTPの勉強部屋建設経営者倶楽部アクセシビリティからはじめる、WebサイトのUXデザイWebアクセシビリティVelocity.jsワクワク建設タウン第53回東京コスモクリスマス熊﨑彩ScrollMagicScrollmagicフロントエンドエンジニア木村哲朗アップルップルマークアップエンジニア飯田淳介夏麺フェア八木智章竹中民男Yahoo!Japan3DCG松田洋樹高校14グロースハッカーグロースハック採用担当者の心に響くポートフォリオアイデア帳UIバイドゥ平野健太郎PlatformKaizenFlexibleBoxFlexbox味仙CGスペシャリスト岡田陽一Dmm.comアクティビティシナリオ源賢司UXデザイン森田霞Highlighter結団式愛知県選手団青山敬司山田拓生アイチータ授業紅茶専門店Liyn-anアイテムカンパニーネイルサロンマウア加藤ひとみ西岡克真柏木祥太スパルタキャンプ岩出本店丸田屋名古屋市営地下鉄青空学区AnimationAO特別授業type属性optgroup要素インターンシップスマートフォンサイトUI図鑑CSS3&jQueryで作る名古屋駅麺通りWF1でBLOG新入生SyntaxCrayon2015年度NTTドコモ東海NCF2014HTMLbutton要素datalist要素keygen要素第52回技能五輪全国大会オリエンタル新年のご挨拶親孝行麺の匠仕事ワイヤーフレームドラマInstagramインスタグラム醐りょう料理株式会社LIG美大芸大水野怜美いな世学生作品集沖縄ジムナストコロン日清食品グループMonaca情報系驛麺通り再進学学園祭NodeListHTMLCollectionProxyWCAN2017Springv4.0.1SyntaxHighlighter学校ターミナルスタジオディテイルズ服部友厚佐藤洋介制作合宿ES2015進級展マイクロソフトWebプログラミング初級講座appendChild()学習お母さんの二度見展ES6ECMAScriptライデントコンピュータ専門学校タカガールサイト水曜日のカンパネラWebプログラマーWebデザイナーWebディレクターWeb制作のおしごと坂本邦夫原一浩制作実績津田直明2016懇親会合宿職業実践専門課程レスポンシブWebデザインウェブアートデザイナーうぇ~~~~~~~ぶ出席率学位合同制作合同制作合宿専門士坂本貴史平野秀幸駅麺通り涼麺jsdo.itCodeplyクイズIndependenceプラネタリアンResurgenceDay:PlunkerJSFiddle沼田啓助カークスヴィルIA/UXプラクティス河地芳明AO入試JSBinCodePenプログラムクイズ丸高アロチ本家鈴木プラネタリウムライアン・ウッドワードマーサ・グレアム神戸国際展示場ゲーム大賞アマチュア部門東京ゲームショウ神戸5月11日Googleロゴみつけもの恵那市岩村プロジェクションマッピングバルサマン愛知淑徳大学ドラゴンゲートゴールデンウィークGATEDRAGONOhanaメールマガジンBloom*BlockBloosumTeamイマジンカップ尾花大輔第7回若年者ものづくり競技大会GAMETOKYO東京ゲームショウ2012NHNStation敢闘賞ツインメッセ静岡静岡県ロゴマーク迎春2011年度Futuredocomoドコモ3JAPANWORLDCUPFLV8341-3:2010XJISFLAVER3.0名古屋市中村区放課後のプレアデスキルターズフェスティバル2011笈瀬本通商店街ウェブリテラシー協会Slimbox2田中稚妃呂横浜デジタルアーツGoogleAnalytics石井研二大西健太LazyforPluginLoadSUBARUGAINAXトライデントカレッジUntitled!!!!!!!!英国王のスピーチablogcmsフォトアルバムMagnum北岡弘至伊達千代卒業制作・研究発表会2011ぬいぐるみのラパン愛知県立芸術大学キルト展日本の四季中部国際空港卒業・修了制作展円JOY!mapKtaistyleCustomSmilies絵文字SHOWベースキャンプ名古屋10日でおぼえるLinuxサーバー入門教室卒業研究制作展最優秀賞ジョルテトライデント合同企業説明会F81教室DesignergoogleGWDKDDIHTML5スマートアプリ&クリエイティブコンテストNCF2013美術大学芸術大学AWARDNTTドコモ東海支社list-style-typeモテ声ボーダーlist-itemdisplayparseInt()parseFloat()串本八鬼山熊野古道マカベン本州最南端那智の大滝和歌山中華そば熊野三山大門坂名古屋マークアップ勉強会table道家陽介concrete5栗山聡一備忘録中村健太ランチテーブル宇野剛志石原愛実COMMUNICATIONNEXTウェブアクセシビリティモリサワFacebookたこ焼きパーティみんなのICT佐藤ねじ木下健太郎就職東京Web制作合宿Muse長野IllustratorSVGFacebookページ結果第50回画像をチェックボタンにする張山大祐JQueryThree.jsプレゼンさかなや晴れやか嵐が如く第51回技能五輪全国大会フジ家55麺屋ココイチ高橋雅人カレーラーメン麺やOKWebデザイン演習あいちトリエンナーレ2013Rhizomatiks田代豊たにぐちまことinspiredbyそこにいない。展PARTYPerfumeカメラワーク

メールフォーム

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

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