14

成果物

15

UR_RIGHT_LAB.

UR_RIGHT_LAB.

卓展「Doodle」|初めてのポートフォリオサイト
Pranning/Design/Coding/Graphic/Gif

概要

卓展とは

名古屋市立大学芸術工学部の学生達による作品展示会。
学部四年生が立ち上げる「卓」と呼ばれるプロジェクトに他学生がメンバーとして参加。四年生による講義やワークショップを通して技術などを学び作品を制作する。
 卓展webサイト

卓「Doodle」とは

Doodle卓は、名古屋市立大学芸術工学部で開催される卓展2016の卓のひとつで、遊び心を大切にし取り入れたWeb制作を行います。
 引用元|Doodle卓について

 ちゃんとしたサイト作成の経験がなく、ポートフォリオサイトの作成も兼ねて参加した。
 制作期間・大学二年度五月〜八月

制作

コンセプトの決定

 ポートフォリオサイトとして作成するため、自分らしさが出た方が良いと考え、自分らしい要素を列挙する。
 名前にある「右」
 趣味である「小説」
 憧れのある「研究所」
 以上の三つを単語を元にサイトを作成していく。
 また、初めてということもあり、制作の参考にするサイトを探した。検索を繰り返す中、「研究所」というキーワードから、サイトリニューアルされた「南方研究所」にたどり着く。中学生の頃から好きだったので運命を感じ参考にすることに決定する。またそのサイトを作成した渋沢塁さんのサイトも参考にした。
 参考にするサイトを決定し、サイトのコンセプトを「研究所」と決定。この「研究所」にどのように「右」「小説」という要素を入れるかを考える。

サイト内容

 「小説」の要素として、サイトを「私を研究する研究所」のHPという設定で作成した。架空の所長を作成しサイト内で人物紹介をしており、私も研究所の一員として紹介されている。トップや概要などの基本的なものに加え、研究所の要素として研究員紹介や求人情報を載せた。

サイトデザイン

 「小説」という要素を入れるため、文章を縦書きにする。西尾維新の公式サイトを参考にしているが、レイアウトを整えるのに苦戦。
 「右」という要素を入れるため、矢印をふんだんに使っている。ページスクロールも右方向である。
 配色はモノクロであるのは、研究所のイメージから来ている。

サイト名

 「研究所」というコンセプトで作成するため、それとわかる名前を考える。また自身の名前とかけたものが好ましいので、「右」という要素も含めることとした。
 名前である「右貴」を分解し、「RIGHT」「YOU」と英語に直す。「YOU」では収まりが悪いので「UR」に変換、「LAB」を加えて「UR_RIGHT_LAB.」とする。

ロゴマーク

 サイトを表すものにするべく、サイト名と「右」をかけたものを考える。「右」が一文字でまとまりが良いので、これをベースの形とし、残りの「UR」でそれを表現する。
 「右」を上部と下部に分解し、それぞれに英字を当てはめた。「U」と「R」で「右」を表している。
 ファビコンやサイト内で使用した。

ドメイン取得とサーバー

 今後も使用することを考えてドメインの取得を行なった。
 サイト名でドメインを取得しようとしていたが、先輩からのアドバイスで別のものに変更。創作用に使っている「左藤右貴」と言う名前をローマ字にしドメインを取得した。
 サーバーに関しては無料のものがあったので、登録を行なって使用。

ファーストビュー

 サイトアクセス時の表示が味気なかったので、GIFアニメーションを作成しローディング時に表示した。サイトトップのロゴとちょうど重なるように配置している。

doodle作成

 グーグルのdoodleを真似て、メンバー全員が作成した。私は右のGIFアニメーションに合わせて作成。

展示

 大学キャンパスにて展示を行った。
 閲覧用ディスプレイが置かれ、メンバーの作品を閲覧することができる。ディスプレイの上にはサイトの概要が吊るされている。
 SNSに投稿する撮影スペースもあり、グーグルの車内移動自転車を真似た真っ青な自転車も置かれている。

作品

 こちらから閲覧が可能である。

反省点・改善点

 挙げだしたらきりがないと思われる。
 もっとも反省すべきはUIであると思う。矢印に頼りすぎたため下方向へのスクロールが伝わらず、十分にサイトを閲覧させることができない。
 他には、ポートフォリオサイトのはずが作品ページの密度が薄く機能していない点や、縦書きのレイアウトが良くなく背景と重なり見辛くなっている点、フォントがゴシック体である点もあげられる。
 このサイトでの反省点が、当サイトに生かされているはずである。

伊藤右貴いとうゆうき

1995年、愛知県生まれ。名古屋市立大学芸術工学部情報環境デザイン学科所属。眼鏡以外に何のアイデンティティーも持たない大学生。小林泰三森見登美彦米津玄師小林大吾トクマルシューゴが好き。
大学ではプログラミングを中心としつつ様々な分野をつまんでいる。新しい技術などに興味がある。
連絡先:urrightlab→gmail.com
ここをしまう