Cafe Shop Menu
マウスオーバー時のアニメーションやページ内リンク、背景の固定表示など、基本的なコーディングを学習しました。見本に忠実に再現しつつ、テキストシャドウなどで視認性を向上させています。
未知の創造をカタチにする
Concept
制作意図
このポートフォリオは実装力だけでなく、自身のアイデアをWEB
サイト上で『体験』として表現することを目的に制作しました。
Theme
世界観
『荒廃×サイバー』をテーマに、AI生成の背景イラストを用い、
サイト全体で一つの空間を探索するような体験を目指しました。
Creative
創造性
オリジナルのUIデザイン・アニメーション・独自スクリプトを
設計し、世界観に合わせたインタラクションを追求しています。
Concept
制作意図
このポートフォリオは実装力だけでなく、自身のアイデアをWEBサイト上で『体験』として表現することを目的に制作しました。
Theme
世界観
『荒廃×サイバー』をテーマに、AI生成の背景イラストを用い、サイト全体で一つの空間を探索するような体験を目指しました。
Create
創造性
オリジナルのUIデザイン・アニメーション・独自スクリプトを設計し、世界観に合わせたインタラクションを追求しています。
My Work
Code-Jump様の模写課題を、シンプルな初級LPからJavaScriptアニメーションを含む上級LPまで全て制作しました。単なる模写ではなく、見やすさやコードの整合性を意識して取り組んでいます。
UI Design
初期デザインのUIやアイコンは、テンプレート的な見た目で、世界観にマッチしていませんでした。
UI Design
オリジナルのデザインを設計し、世界観を更に補強。 情報の読みやすさも両立させました。
User Experience
制作サイト紹介では模写サイトだけなので、インパクトが無く興味を引きにくい構成でした。
User Experience
マウスオーバーでサイト全体図と説明文が展開するよう再設計。 模写のみの弱さを演出に変え、ユーザー体験へと昇華させました。
Visual Detail
画像素材はAI生成で用意しましたが、不自然さや邪魔な要素があり、雰囲気を損ねていました。
Visual Detail
Photoshopで加工修正や色彩調整などを行い、世界観に合った、統一されたビジュアルに改善しました。
NEXT
Takuj Ito
／
伊藤卓爾
静岡県出身。
WEB制作を独学で身につけ、現在はCMSやデザインの学習にも取り組んでいます。
趣味はファッションや「カッコいい」と感じるもの全般で、廃墟やサイバー系の世界観が好きです。
本ポートフォリオはそういった『自分だけの世界観をカタチにしたい』という想いから、構想・デザイン・演出など全てを0から設計し、オリジナリティ溢れるサイトに仕上げています。
(背景イラストは時系列の物語になっています)
制作においては多くの要素がテンプレートのない手探りの実装でしたが、独学だからこそ身に付いた『自己解決能力』を活かし、試行錯誤を繰り返して完成させ、本作の実装自体が『大きな学習と貴重な経験』になりました。
今後も、この経験を活かし『クライアントの想いをカタチにする』WEBコーダーとして成長していきます。