HIROKI AMANO

サイト概要

使用ソフト・ツール

adobeXd、HTML、CSS、Sass、JavaScript

制作内容

初めての自作サイトになります。その地域に焦点を合わせた事務所というイメージで作成しました。

指定フォント

Open Sans、小塚ゴシック

コンセプトシート

コンセプト

その地域ならではの地形、自然に合わせた事務所と言うことを知って頂くためのサイト

ターゲット

その地域に住んでいる・住む予定の夫婦や家族層

サイトゴール

集客向上、その地域での売り上げに貢献できること、認知向上

デザインについて

topページ

aboutとconceptを最初に持っていき、その地域に馴染んだ家造りが出来るのを知って頂くことを心掛けました。worksでグレー背景を入れることで、この地域での製作実績が豊富であることをアピールしました。

下層ページ

申し訳ございません、只今TOPページのみになります。

振り返り

工夫した・拘った点

この地域の自然に合わせた事務所ということで、なるべく派手な装飾は使用せず、シンプルなサイトに仕上げました。

学べた点

ギャラリーサイトなどで、formをtableで実装するサイトが多いと感じ自分もtableで実装してみました。確かにtableでの実装もやり易かったので、今後も少しづつtableを実装してみたいと思いました。

苦戦した点

aboutやconceptのただ横に並べるだけのレイアウト以外は実装するのが初めてでしたので、かなり実装に苦戦し、色々調べてようやく実装できました。今回様々なレイアウトを実装出来たことで自分の出来るコーディングの幅が広がりました。

https://amahiro.github.io/portfolio-house/