![見出し画像](https://assets.st-note.com/production/uploads/images/70300411/rectangle_large_type_2_f07ffc21c440e22843f832e5baccea24.jpeg?width=1200)
【MEFILAS】制作実績 2021
弊社では、Webサイトを中心に、ロゴ・グラフィック・ブランドツールなどを制作しています。
Webサイトの制作では、デザインやプログラミングだけでなく、企画や戦略から携わる機会が増えており、制作内容もブランドサイト・リクルートサイト・コーポレートサイト・ECサイト・サービスサイト・プロダクトサイトなど、手がける範囲が広がっています。
どの案件も「なぜつくるのか」から考え、どんなクリエイティブなら「人が動くのか」を意識して制作しています。
この記事では、弊社が大切にしてるモノづくりの想いを、2021年の制作実績を通じてご紹介させていただます。
BOTANIST Turning a NEWLEAF
![](https://assets.st-note.com/production/uploads/images/69925088/picture_pc_4a8540e2f1528a5f0c1c50433c296467.gif?width=1200)
植物が持つ豊かさと科学の最適なバランスを追求したボタニカルライフスタイルブランド「BOTANIST」のコンセプトサイト。
よりシンプルでサスティナブルなブランドへと生まれ変わったBOTANISTのコンセプトをプレゼンテーションするサイトとして制作しました。3つのメッセージをBGMと共に順番に切り替えてコンセプトを伝えています。
FELISSIMO リクルート2022
![](https://assets.st-note.com/production/uploads/images/69919092/picture_pc_3e9339e4f9e9f408bab541744df3cce9.gif?width=1200)
社員のインタビューをつなぎ合わせて創られたストーリーを軸に、コンセプトに共感してくれる就活生を募集する、通販会社フェリシモの2022年度版の採用サイト。
企業理念やステートメントだけでは伝えきれない会社の空気感を伝えるために、社員の声をつなぎ合わせて作られた物語を1行にまとめて、スクロールだけで読み進めていけるサイトを制作しました。(現在非公開)
ドリームラボ
![](https://assets.st-note.com/production/uploads/images/70116110/picture_pc_87a2692375665ae6cddd782bff665a2c.gif?width=1200)
飲食業界や製菓・製パン業界を軸に、人材紹介・転職支援・求人メディアの運営をする企業のコーポレートサイト。
多様性を認め、一人ひとりの「自分らしさ」を大切にする組織ならではの想いを、ロゴ・グラフィック・Webサイトに落とし込みました。多様性の表現として、社員一人ひとりが描いた円の形から平均値を抽出し、繋ぎ合わせた記号をロゴとして具現化しています。また、ロゴのカラーを社員が自由に設定できるカラーシステムを開発し、Webサイトや名刺などの各ツールへ自動的に展開できる仕組みを用意しました。
Oops(ウープス)
![](https://assets.st-note.com/production/uploads/images/69919486/picture_pc_604dbfb0f75d9515fb7646188a94ab15.gif?width=1200)
成人男性の4人に一人、1400万人もの人が抱えているEDの悩み。誰でも気軽でスマートに診療が受けれるように、ED診療の予約からED治療薬の処方までのすべてのステップをオンライン化したサービス「Oops(ウープス)」のサービスサイト。
若い世代がEDの悩みを気軽に相談できる距離感を意識して、ビジュアルとコピーからブランドに対する興味と安心感がもてるようなデザインを心がけました。商品情報や診療ステップをわかりやすく伝えた上で、予約の申し込みで迷わないように導線設計はシンプルにしています。
témamori(てまもり)
![](https://assets.st-note.com/production/uploads/images/69919802/picture_pc_c3ce052557d872ba1644e74c5cad9437.gif?width=1200)
シーンや場所を問わず、水がなくても揉み込むだけできれいな肌になるハンドウォッシュ「témamori(てまもり)」のブランドサイト。
サイトに訪れた方が順を追って商品価値を理解できるように、購買心理に沿ってコンテンツを設計しました。「おててのおまもり」というコンセプトで安心・安全を訴え、やさしい色合いと泡を感じさせる曲線を用いたデザインでブランドの世界観を表現しています。
フェリシモ魔法部
![](https://assets.st-note.com/production/uploads/images/70118551/picture_pc_991c10011e881b34577e5c58211eebe5.gif?width=1200)
ファンタジーの世界や魔法に憧れる少女の気持ちを持った人日常をがんばるみんなに、ときめきと勇気が湧いてくる素敵なアイテムをお届する、通販会社フェリシモのブランド「魔法部」のブランドサイト。
ターゲットである魔法やファンタジーの世界に憧れた大人女子にブランドイメージが伝わるように、アナログなイラストで表現した、不思議で少し懐かしい魔法の世界観を目指しました。
FELISSIMO × ドラえもん
![](https://assets.st-note.com/production/uploads/images/69902924/picture_pc_d50084387ed0abffc313d6fb553ce981.gif?width=1200)
コミック版「ドラえもん」と通販会社フェリシモとのコラボグッズサイト。
第1弾から制作を担当しているドラえもんコラボグッズサイト。第4弾となる今回は「おうち時間」をテーマとした商品を紹介しています。キャラクターを活かしたアニメーションでドラえもんのかわいさは伝えつつ、各商品をスライドで格納することで商品掲載数が多くても見やすい構成にしています。
FELISSIMO × 世界名作劇場
![](https://assets.st-note.com/production/uploads/images/69920318/picture_pc_b9139e7fc6fbc0ca700bbc7d49f648b4.gif?width=1200)
「世界名作劇場」と通販会社フェリシモとのコラボグッズサイト。
「世界名作劇場」の名シーンと哀愁を感じさせるトーンの中でコラボグッズを紹介することで、各アニメの世界観や懐かしい気持ちを思い出しながら商品を見てもらえる構成にしました。
YOU+MORE! × 水族館
![](https://assets.st-note.com/production/uploads/images/69902620/picture_pc_be30a491de8e28e90d4e0cbfa028a7a1.gif?width=1200)
おもしろ雑貨や動物雑貨を取り扱う「YOU+MORE!」と全国の水族館が共同でプロデュースしてつくった水族館グッズを紹介するブランドサイト。
水族館に訪れたときの「ワクワク感」や「癒し」をテーマに、リアルで可愛くユーモアあふれる商品を、生物の写真から本物そっくりな商品へ切り替わるストップアニメーションで表現しました。
LebeL
![](https://assets.st-note.com/production/uploads/images/69920482/picture_pc_9cd94672ccf867bed9185bbfcb15fde3.gif?width=1200)
ヘアサロンでのカウンセリングを通じたプロダクツの販売、およびプロの技術をサポートする、ヘアサロン専売品・技術者専用品のプロダクツ総合ブランド「LebeL(ルベル)」のブランドサイト
「SEE/SAW」「Moii」「IAU」など数多くのシリーズと商品を展開し、それぞれに多くのファンを持つブランドのため、各シリーズをまとめる総合ブランドとして印象を強めるデザインを目指しました。技術者と消費者という、サイトを訪れる目的が異なるターゲットに合わせてコンテンツを設計しています。
THREEUP
![](https://assets.st-note.com/production/uploads/images/69920852/picture_pc_347159c5d44ad2228002981295e17de4.gif?width=1200)
デザイン性の高い加湿器やヒーター、サーキュレーターを自社開発するシーゾナブル家電メーカー「THREEUP」のブランドサイトおよびECサイト。
ブランドイメージの強化とWebユーザビリティの改善を目的にサイトをリニューアルしました。理想とするライフスタイルに溶け込む家電であることを伝えるために全てのビジュアルを刷新し、必要最低限の情報に絞ることで写真の印象を強めつつ操作性を高めています。
にゃん賀状2022
![](https://assets.st-note.com/production/uploads/images/69921353/picture_pc_9876f5d2b472d0104aeba82230df3aa5.gif?width=1200)
オンライン年賀状サービス「挨拶状ドットコム」とフェリシモの「猫部」がコラボしてつくった年賀状を紹介する「猫部コラボ年賀状(2022)」のキャンペーンサイト。
猫部コラボ年賀状は2017年から今回で6度目のリニューアルになります。
猫と相性の良い寅年であることから「フェリシモ猫部」をオマージュした「寅部」と題し、年賀状の和のイメージと相性の良い大正レトロを意識したデザイントーンに一新しました。
hannoc
![](https://assets.st-note.com/production/uploads/images/70184962/picture_pc_b8af0b21a38b49ae5c03c9d53c5d4f2b.gif?width=1200)
大阪に店舗を構える「パティシエをもっとクリエイティブに」を想いに生まれたパティスリー&カフェ「hannoc(ハノック)」のブランドコンセプト・ネーミング・ロゴ・グラフィックツール。
業界が抱える問題や課題を、同社が人材紹介事業で培った強みを活かす事で業界にとって新しい風となるための理念や行動指針の策定から、パティスリー事業のブランドプロデュースや、ロゴ・パッケージなどのブランドツールの制作を担当しました。
SOFPO!
![](https://assets.st-note.com/production/uploads/images/70185013/picture_pc_b638c335af4c866e3149eb6e5488b8ac.gif?width=1200)
ソフトクリーム、フライドポテトをカスタムして楽しめるショップ「SOFPO!」のコンセプト・ネーミング・ロゴ・パッケージ等のブランドツール。
ブランドコンセプトである「町のごほうびスポット」として地域の方々に愛されるショップをイメージして、ブランドコンセプト・ネーミング・ロゴ・パッケージ等のブランドツールをデザインしました。
まとめ
2021年も様々な案件に携わらせていただき、クライアントの皆さまに喜んでいただくことができました。
また、書籍やSNSなどで弊社の実績をご紹介いただく機会が増えたことで、制作したものをより多くの方に届けることができました。(ご紹介いただいた皆さま、ありがとうございます。)
【NEWS】
— MEFILAS (@mefilas_inc) October 6, 2021
ブレーン(@sdkg_brain)11月号に「フェリシモ/コラボグッズサイト YOU+MORE! × 水族館」が掲載されました。https://t.co/JhC15JHUXI pic.twitter.com/eGH3c0Kkfg
【NEWS】
— MEFILAS (@mefilas_inc) December 23, 2021
「Webデザイン良質見本帳 第2版」に、弊社で制作したサイトが掲載されました。
目的別に探せてすぐに使えるアイデアが、207ページにわたり紹介されています。Webデザインの参考にぜひ。
著者:久保田涼子(@ryo_oryo)
Amazon:https://t.co/HT3OA4pYE1
楽天:https://t.co/00th74aybs pic.twitter.com/EkqbHNU5OZ
【NEWS】
— MEFILAS (@mefilas_inc) June 29, 2021
Web Designing 2021年8月号 に、弊社が制作を担当した「Oops(ウープス)」のサービスサイトが掲載されました。https://t.co/55gSrY10ET pic.twitter.com/nHgLQh4aUE
2022年まであと僅かですね!🐯
— 田渕 将吾 (Shogo Tabuchi) (@shogoTabuchi) December 28, 2021
今年もたくさん素敵なWebデザインを見てきましたし、業界がとても活動的な年でしたね。
ということで、2021年の秀逸サイトの総まとめを書きました!https://t.co/bN6u7wL8Is
冬休みのお時間のあるときにでも是非ご覧ください!良いお年を😃 pic.twitter.com/xHB04vTXH6
2022年もモノづくりへの想いを大切に、人を動かすクリエイティブを提供できるよう努めて参ります。
制作実績やnoteの情報は「Twitter」でも発信しておりますので、興味をお持ちいただけた方はフォローをお願いいたします。
本年もどうぞ宜しくお願いいたします。
MEFILASでは、クリエイティブでユーザーの心を動かし、目的を達成するWebサイトを制作しています。
■ お仕事のご依頼やご相談
Web制作のご依頼やご相談がございましたら、お気軽にお問い合わせください。
https://mefilas.com/contact/works.php
■ 採用応募
MEFILASのメンバーとともにクリエイティブなWeb制作に挑戦したい方を募集しています。
https://mefilas.com/recruit/
■ パートナー募集
Web制作をサポートいただけるパートナーを募集しております。
https://forms.gle/krviW8sjUysj97T39
この記事が気に入ったらサポートをしてみませんか?