UI設計したり、ウェブシステムを開発したりします。 

14日後に完成するポートフォリオ システム #2 フロント画面のデザイン

記入日:2022-12-24 編集日:2022-12-24

THEME-BLOGとは、日頃多くご依頼を受ける内容を中心に、ウェブシステムを開発する様子を複数回に分けて掲載するものです。 初回のテーマは「14日後に完成するポートフォリオ システム」会社や個人がポートフォリオを公開する為のウェブシステムです。

本日の内容
2日目 フロント画面のデザイン、モックアップ作成。

作業内容

2日目の今日は、フロントページデザインの検討に入ろうと思います。必要機能をイメージしながら、ざっくりとデザインを固めていきます。

デザイン作業に関して、AdobeのXdやIllustratorなどのソフトを使ってデザインを起こしていく事もありますが、今回のページ構成だと、 社内のライブラリを応用しながらHTMLとCSSで直接デザインしていく事もあります。

今回は、HTMLとCSSで直接コーディングしながら検討しましたので、そのデータを下記に貼り付けておきます。

細かいUI的な検討や、ボタン等の配置は、データベース等組み込んで、動的にを動かしながら再度検討する事にします。

一旦は、管理画面やテーブル設計ができる範囲の物を作成していきます。次回は、管理画面のデザイン検討をおこないます。

一覧画面デザイン

PORTFOLIO ポートフォリオ

詳細画面デザイン

WORKS ポートフォリオのタイトル

カテゴリ

画像のコメント

ああああああああああああああ

ポートフォリオのタイトル

2022.12.18

--

投稿者名

このホテルは、国内外から多くのゲストをお迎えすることを目的に、世界中から厳選した最高級の設備を施し、快適な空間を提供いたしました。 また、日本の伝統文化を取り入れながらも、現代的なデザインを取り入れた建物は市の象徴として、地域社会の豊かな文化を盛り上げる役割を果たします。

写真の説明文章写真の説明文章

写真の説明文章写真の説明文章

写真の説明文章写真の説明文章

写真の説明文章写真の説明文章

写真の説明文章写真の説明文章

写真の説明文章写真の説明文章

記事の見出し1

このホテルは、国内外から多くのゲストをお迎えすることを目的に、世界中から厳選した最高級の設備を施し、快適な空間を提供いたしました。 また、日本の伝統文化を取り入れながらも、現代的なデザインを取り入れた建物は市の象徴として、地域社会の豊かな文化を盛り上げる役割を果たします。

記事の見出し2

このホテルは、国内外から多くのゲストをお迎えすることを目的に、世界中から厳選した最高級の設備を施し、快適な空間を提供いたしました。 また、日本の伝統文化を取り入れながらも、現代的なデザインを取り入れた建物は市の象徴として、地域社会の豊かな文化を盛り上げる役割を果たします。

記事の見出し3

このホテルは、国内外から多くのゲストをお迎えすることを目的に、世界中から厳選した最高級の設備を施し、快適な空間を提供いたしました。 また、日本の伝統文化を取り入れながらも、現代的なデザインを取り入れた建物は市の象徴として、地域社会の豊かな文化を盛り上げる役割を果たします。

KK

機械工学を専攻。工業デザイナーとして、国内及び海外の自動車・搬送ラインの設計などに従事した後、2003年にウェブシステム会社を設立。UI設計やウェブシステムの開発、DX化のディレクションなどを行っています。