Works

事例を紹介いたします。

Home Page

架空の地域情報サイト(フルスクラッチ)

サイト情報

【 URL 】
 https://hello-kobe-nishiku.design

【 BASIC認証 】
 ID:chiramis PASS:nissy-kun

製作背景

  • 職業訓練で Webページをチームで制作する課題
  • テーマが神戸市の観光スポットを紹介するためのWebサイト
  • 各種写真素材は提供元あり

工夫点

  • コーディングチームのリーダーポジションとして、分担や意思疎通などを明確にすることを心がけた
  • TOPページはほぼ全て自身で担当

やりたいこと

  • より詳細なレスポンシブ対応
  • よりリッチに見えるようなJavaScriptでの動的カスタマイズ

仮想の採用サイト(WordPrees)

サイト情報

【 URL 】
 https://recruit-test.site

【 BASIC認証 】
 ID:daisuke PASS:0808

製作背景

  • 採用担当者としての経験を活かしつつ、サイト制作したいと考えたことと、シンプルなWordPressテーマのカスタマイズ挑戦したかったため

工夫点

  • 横断的に採用に関する情報が網羅できるように、複数ページにわたって作成をすすめた
  • 情報がきちんと入ってくるようにあまり華美にしすぎず、シンプルにした

やりたいこと

  • More Contents部分の文字部分もホバー後リンク
  • Q&Aページの変更・拡充
  • トップに戻るボタンのCSSカスタマイズ

DTP

Slide 1
名刺

自分用と仮想クライアントの
名刺を作成しました。
初めてのDTP成果物です。

Slide 2
旅行チラシ

仮想で製作した
モルディブ旅行の
チラシです。

Slide 3
車内吊り広告

電車に吊るす広告を製作しました。
ラグジュアリーさを意識しました。

Slide 3
弁当チラシ

お弁当屋さんのチラシを製作しました。
弁当や値段が目立つよう工夫しました。

Slide 3
三つ折りリーフレット

焼き菓子屋さんのリーフレットです。
見やすさ、高級感を演出しました。

previous arrowprevious arrow
next arrownext arrow

職業訓練学校にて制作したDTP作品のモックアップをギャラリー形式で紹介します。

ある程度の紙媒体などの制作も可能ですが、Web関連デザインのほうが好きです。。!

お問い合わせはこちらから