hosonotakuya.com
Web Design / Coding
Original Works
制作サイトHirosaki de Konnichiwa
-
サイトアドレス
-
サイトの概要
青森県弘前市の紹介サイトHirosaki de Konnichiwa
【Hirosaki de Konnichiwa】
弘前の魅かれる場所、おいしい食べもの、素敵な時間を過ごせること等のおすすめしたい事柄について、日々の生活を通して体験したことを掲載しているサイトです。
営利目的でなく個人でやっているため、趣味趣向に偏りはありますが、ちょっとでも誰かの参考にしてもらえましたら幸いです。 -
ターゲット層
青森県弘前市で生活する方や観光にくる方
-
目的・ゴール
青森県弘前市に興味を持ってもらうこと。生活してる人や観光に来る方に情報を伝えること。
-
制作のポイント
弘前市内の場所や食べもの、イベントを紹介するサイトのため、雰囲気が伝わるように写真を多く使ったレイアウトにしております。特にファーストビューはgridレイアウトで様々な写真を表示しています。
フィクションのイメージキャラクターを作成し、キャラクターが紹介している形でサイトの設定も考え、情報を掲載している立場側の生活水準等を具体的にイメージできるようにしております。
今後、市内のスポットやブログ記事等コンテンツを増やしていく予定のため、WordPress上で更新できるようにテーマ設定を行っております。
また、SNS(主にInstagram)も同名義で運営しているため、表示するページも作成しております。
-
制作の作業範囲
設計、デザイン、コーディング、CMS実装(WordPress)
-
制作期間
2週間
-
使用ツール
HTML, CSS, Javascritp(jQuery, slick), WordPress, Visual Studio Code, Photoshop, Fimola X
-
表示確認
【OS】
Windows10, MacOS, iOS, Android【ブラウザ】
Chrome, Firefox, Microsoft Edge, Safari -
制作過程
自身で管理し、今後掲載するコンテンツをなるべく頻繁に増やしていきたいことから、更新を簡易的に行えるWordPressを用いたサイト構築を行いました。
オリジナルテーマでのトップページ作成から、固定ページ、記事ページの他、プラグインを用いたカスタム投稿ページ設定も実装しております。また、本サイトに関してはSEO対応やぱんくずリスト等はプラグインによる実装で対応しております。
自身のデザインによるWordPressのテーマ作成が初めてだったため、HTMLやCSSへの実装や固定ページの共通化等でやや非効率な書き方になってしまった部分もありましたが、1つのサイト制作を運営まで通して行うことで、多くを経験することができました。
制作サイトキャプチャ画像
※トップページ(パソコン表示、スマフォ表示)