Works

Works

☑髙橋食堂(架空の飲食店)

説明:架空の飲食店をテーマに作成しました。当初はPC対応版として作成しましたが、後にレスポンシブ対応と、スマホ画面の時にナビメニューをハンバーガーメニュー変更するように調整しています。ヘッダーのバックグラウンド画像はグリッドを用いて複数の写真を並べて作成しています。

☑大通水族館(架空の水族館)

説明:大通水族館(架空)のHPを作成しました。最初にスマホ対応のHPを作成し、その後レスポンシブ対応を追加しています。ヘッダー画像はグリッドを用いて、PCとスマホでレイアウト(ナビメニューの位置等)を変更しています。

(指示内容)
◆ Webサイト制作指示書
案件名:大通水族館 公式サイト制作

1.依頼概要

札幌・大通公園の近くに新しくオープン予定の「大通水族館」の公式サイトを制作してください。
家族連れや観光客に向けて、水族館の魅力を伝え、来館意欲を高めるサイトを目指します。
実際の企業からの依頼を想定した、デザイン・コーディング実習です。

2.目的
大通水族館の存在を知ってもらう
魅力的な展示やイベント情報を発信する
アクセス方法・営業時間などを分かりやすく伝える

3.ターゲット
家族連れ(30〜40代の親+子ども)
カップル・観光客
水族館や動物好きな20代〜40代の一般来場者

項目 指定内容
サイト名 大通水族館
ベースカラー:(背景) #003b73(ディープブルー)
メインカラー: #00aaff(アクアブルー)
アクセントカラー(ボタン) #66ccff(スカイブルー)、#ffffff(白)
※カラーはサイトの雰囲気に合わせて変更可

ベースカラー ・・・・・・・・・ 70%
メインカラー ・・・・・・・・・ 25%
アクセントカラー ・・・・・・・・・ 5%

フォント サイトの雰囲気に合わせる
雰囲気 落ち着き・透明感・都会的な海の世界
レイアウト ヘッダー固定・フレックスレイアウト・レスポンシブ対応は必須

☑Blue Leaf Design 名刺制作1(汎用版)

【表面】

【裏面】

説明:会社名:Blue Leaf Designの名刺を作成しました。
コーポレートカラー:#036eb8
会社名の由来になった青い楓の葉をモチーフに会社ロゴを作成しました。
名刺の台紙は100%再生紙を利用し黄色味が強い紙質ですが、環境に配慮した会社を表しています。
裏面にはR100のロゴマークを印刷し他社との差別化を図ります。
名前の下にはその人が持つ資格を印刷し、下部には会社が持つ資格を印刷するエリアを設けています。

☑Blue Leaf Design 名刺制作2(高級版)

【表面】

【裏面】

説明:会社名:Blue Leaf Designの名刺を作成しました。
コーポレートカラー:#036eb8
名刺の台紙はコーポレートカラーの光沢紙(またはプラスチックペーパー)を利用し金箔の箔押し印刷で文字を印刷して高級感を出しています。

☑Hot Yoga Studio CA

【元データ】

【表面】

【裏面】

説明:既存のチラシ(元データ)を見栄えのするレイアウトへの変更依頼です。ターゲットを60代男性として作成しています。裏表の2面構成として表面は目を引くようにグリッドデザインを採用しています。

☑Cafe Shop Takahashi

説明:ターゲットを「コーヒー好きの男性」として、落ち着いたイメージでメニューを作成しています。

☑地域・子育てサービスのロゴの制作

クラウドワークス提案

説明:クラウドワークスで募集があった案件に応募しました。「寄りそう」をテーマに頭の位置で寄り添うこと表現しています。

(募集内容)
【 概要 】
その地域に住む、パパママが活用できるスマホアプリです。
AIに相談をすれば、GPTやGeminiでもわからない、地域特化した情報を教えてくれます。そこから子育てイベントに参加したり、地域のママ友を見つけてチャットで直接やり取りしたりと、「地域」と「共に」に子育てをしている感覚を感じられるサービスです。

【キャッチコピー】*ロゴに入れなくてOK
街に頼る
あなたと繋がる
子育てに寄りそう

【 依頼詳細 】
・ロゴの文字列:tomohug ともはぐ
・ロゴのイメージ:文字列+シンボルマーク
・利用用途:スマホアプリのロゴとして
・ターゲット層:0~6歳の子供を持つ、パパママ
・テーマカラー:オレンジ

【避けたいイメージ】
・手書きのようなかわいいもの