menu magii-design [まぎぃデザイン]

ウェブデザインとイラスト制作のお店 magii-design [まぎぃデザイン]    
 

サンプルWebサイト

公開可能な実績が少ないため、勉強中がてらに作ってみた架空のサイトの掲載が多いです。採用されて現在実際に稼動中のものは「sound move」さまと「小平市にある税理士事務所」さまになります。ここでは採用時の初稿デザインを掲載しています。最終的なデザインは実用サイトをご覧ください。(ただし、日にちの経っているものは他社やお客様により編集されてるかもしれません)
検索で実際あるサイトと勘違いされてご迷惑をおかけしてはいけないので、パスワード認証をかけてあります。ご覧頂くお客さまにはお手数ではございますが、クリック時ID・PWの入力を求められますので、両方とも「in」と入力してご覧ください。

[ パスワード認証 ] ID・パスワード : in

Webrelation PC閲覧推奨

色んなサービスを提供している某会社をモデルに作成してみたものです。
企業向けのサービスの他、子供向けのサービスを行っているため、クリーンで爽やかな企業イメージを保ちつつ、学校関係者、幼児の父母会の方々が気後れしないようなかわいいテイストも含ませてみました。
尚、海外とのやりとりも多いため、英語や中国語のページもすばやく編集できるように、メニューやタイトルには画像を使用せず、極力テキストで表現するようにしています。
目の錯覚的なもので、テキストが画像のように見えたり、制作過程で発見の多いサンプルでした。

Walk Jog Run PC閲覧推奨

ジョギングダイエットを支援するオンラインツールのサイトです。こちらも架空のサイトです。
配色に迷って4回再構築を重ね、締め切りが迫って、切り札のモノトーンカラーに頼ってしまいました。
賑やかな色を使っていた時より纏まりがでて、発表できるレベルにはなりましたが、サイトのイメージを「楽しい」「爽やか」「スポーツ」にするつもりだったので、企画予定の雰囲気にはコンセプトが合っていません。私自身が欲しかったツールなので、実現化した際にはサイトのカラーを変えて、明るい雰囲気にしたいと考えている未完成品です。

架空の串焼き屋さんのホームページです。
私が初めて作成したFlashホームページでもあります。
制作日数は3日で、素材は食品類の写真以外(つまりは和紙)はフォトショップによるお手製です。
ペロンとめくれる和紙もお手製で、実はたった4枚構成のアニメーションです。次回、同じようなものを作る際には、もっとクオリティーを向上できると思います。

架空の美容室のホームページ。
こちらはフォトショップでのデザイン画までとなっています。
高級感ある雰囲気をということで、テーマカラーにゴールドをチョイスしてみました。

架空のラーメン屋のホームページです。
おばあちゃんが経営する小鉢が豊富なレトロ調のラーメン屋さんという設定で、暖かみのあるレトロな色合いでまとめました。
こちらは作成がトップページのみで、フォトショップでのデザイン画の段階までとなっています。

All the Music PC閲覧推奨

こちらは現在某社にて運用中のレーベルサイトです。
サイト名、ロゴは私が作った架空のものになっています。提出した時点での形を掲載していますが、その後、クライアントの希望に応じた修正を行い、実際に運用してされているサイトは少しデザインが変わっています。(2011年12月納品)

実用サイト:sonud move(外部リンク)

小平市にある税理士事務所さまのホームページを作成、採用していただきました。
広い年齢層、ご年配の方もご覧になるホームページなので、ガラリと雰囲気を変えてしまうのは避け、旧ホームページのカラーや構成を残しつつ、読みやすさや編集のしやすさを優先して作成いたしました。ここでは初稿をサンプルホームページとして掲載させて頂いています。ちなみにロゴマークのデザインも当店で作成いたしました。お名前の頭文字「BA」を象さんのような形にしてみました。クライアントさんの優しいお顔立ちと、元々のサイトのイメージカラーと、どーんと来いな安心感・信頼感が動物に例えると象さんかなと。こちらも採用して頂けて嬉しいです!実際に運用となりましたホームページは実用サイトのリンクよりご覧いただけます。(2014年5月納品)

実用サイト:番場厚夫税理士事務所(外部リンク)

当サイトで2012年から2013年まで使用していたデザインです。
HTML5の勉強も兼ねて制作しました。この間にTwitterの差し込みがTwitterサイドで打ち切られたり、HTML5で新しく採用になった要素が後日やっぱり廃止になったりで「やばいわ、サイトのリニューアルを急がなくては(汗)」と追い立てられ、今現在のサイトデザインになっています。今回のデザインに変更した際に考えたことや思ったことを下記に纏めてみましたので、ご興味のある方は下記リンクをご覧になってください。

準備中