webデザインポートフォリオサイト

CENTRE CREATIVE

  • cording
  • wordpress
  • responsive

CENTRE CREATIVE

デザインをもらい、そのデザインに合わせてwordpressのカスタムテーマをコーディングしました。ほぼすべての箇所を管理画面から編集できるようにコーディングしています。またレスポンシブウェブデザインにしいろんなデバイスから最適な画面で見れるようにコーディングしました。

サイトを見る

淡路島移住

  • planning
  • design
  • cording
  • wordpress
  • responsive

淡路島移住

ブログ型メディアサイトをWordpressを使って制作しました。wordpressのオリジナルテーマを作成しUI設計、デザインからコーディングまですべてを担当。レスポンシブも対応しています。 日本語と英語のバイリンガルの設計にしていて、それぞれのコンテンツで日本語と英語のURLを分けて別ページで見れるようにしています。

サイトを見る

JAPAN CENTRE

  • planning
  • design
  • cording
  • responsive

JAPAN CENTRE

UI設計、デザイン、フロントエンドコーディングは私1人で担当しました。バックエンドのコーダーがカートの機能、管理画面全般を担当。大きいサイトなのでメニューをわかりやすくし、少ないクリックで目的のページにたどり着けるようにしました。

レスポンシブ化し、タブレット、スマホでも見やすいようにデザインしてます。 アイコンなどはsvgファイルを使い高解像度ディスプレイの対応をしています。

プラットフォームはruby on railsを使っています。コーディングはrailsのviewをメインにhtml5, css3, sass, jqueryを使い、railsのviewで使うコードも使いながらコーディングしています。

サイトを見る

SHORYU RAMEN

  • planning
  • design
  • cording
  • responsive

SHORYU RAMEN

ロンドンのラーメン屋さんのウェブサイトです。デザインとフロントエンドのコーディングを担当。レスポンシブに対応していてすべてのデバイスで見やすいようにデザインしました。プラットフォームはruby on railsを使っています。写真を大きく多く用いることで、おいしそうおもってもらえるようにラーメンがどんな食べ物か現地の人に人目でわかるようにデザインしました。

サイトを見る

  • design
  • cording
  • CMS

TaxHouse記帳代行サービス

TaxHouseカラーの緑を基調にデザイン。以前あるサイトからのリニューアル。契約のとれている情報をコンスタントに更新できるようにCMSを設置し、お客様の声をメインに配置することで記帳代行サービスがお客様に支持されていることをアピールしています。
またメイン画像のキャッチコピーを大きく見せ白のスペースを多めに取ることで、記帳代行サービスの強みを目立つようにデザインしています。

サイトを見る

  • design
  • cording
  • CMS

税理士法人内山会計

中規模の税理士法人の事務所サイトです。サービスの種類が多いので分類してわかりやすく見えるようにデザインしました。

サイトを見る

輸入エスプレッソマシン

  • design
  • cording
  • CMS

群馬県相続税専門サイト

こちらは相続に特化したサイトです。落ち着いたイメージになるように暗めの色でデザインしました。

サイトを見る

オンラインショップ魚屋

  • CMS
  • design
  • cording

オンラインショップ魚屋

PHPとjavascriptの練習のために作成した、魚のオンラインショップです。PHPを使ってカートのシステムを作りました。商品をカートに入れ、顧客情報を入力すれば購入することができます。顧客情報はデータベースに登録され、購入者にメールが届くようになっています。

トップページのjavascriptで動くいているように見えるようプログラミングしました。

サイトを見る