「hitotonari and works」というウェブサイトのホームページが表示されたコンピューターモニターとスマートフォン。
赤丸 青いドット

hitotonari and works

web coding

生まれも育ちも築地のライターの、お店や仕事人を紹介するインタビューサイトです。

サイトURL
https://hitotonari.works/
使用ツール
Figma / Visual Studio Code
制作範囲
ワイヤーフレーム / デザイン / コーディング
制作期間
2.5ヶ月
ターゲット
  • 気になるお店の情報を知りたい方
  • 自分のお店や仕事を知ってもらいたい職人や仕事人
目的
  • お店の人や仕事っぷりをインタビューを通して知ってもらい、商売をやっている人とお客さんを繋げる
デザイン/アイデア
  • インタビュー時にメモを取るノートをイメージした、罫線をモチーフに使いました。
  • クライアントが希望するアイコンと漫画を使用し、アイコンの色に合う配色を採用しました。また、最新記事などの情報が見やすいレイアウトを意識しました。
PC用のデザイン画像。青とオレンジのデザイン要素が視覚的に際立っており、最新記事とサイト概要を説明する漫画が配置されている。 PC用のデザイン画像。青とオレンジのデザイン要素が視覚的に際立っており、最新記事とサイト概要を説明する漫画が配置されている。