About Me

Welcome to Muhiro's Portfolio ようこそ、
夢拓(Muhiro)のポートフォリオへ

プロフィール Profile

Name:夢拓(Muhiro)
Occupation:Webデザイナー(フロントエンド)
Skills:HTML、CSS・SASS、Javascript、jQuery、PHP、WordPress、Google Apps Script(GAS)、Shopify(Liquid)、MakeShop構築、Photoshop、Figma

大学を中退して、飲食業界に入る。
接客とお酒を学びたく、レストランへ転職。
会社といろいろあり退職。飲食業界でやっていくことを諦める。
無職。Web系の職業訓練校に通う。
Web制作会社に入社。
2025年6月に転職をして現在Web制作会社2社目。
現在に至る。

サイトを制作した理由 Reason

未経験からWeb業界に入り、そこで得た経験を形にしたいと思い作りました。
特にShopifyのフロントエンドカスタマイズをすることが多いため、このサイトはShopifyで制作をしてます。
デザイン、フロントエンド、参考サイトなど、Web業界に関わる情報を発信できればと思います。

サイト名の由来 Origin

「ドックイヤー」とは、本の端を折り曲げて栞(しおり)として活用すること。

Webデザイナーを目指して、参考書をひたすら読んでいたころによくしていました。
新しい知識に出会うワクワク感と、それに伴う難しさ、その時のことを思い出しながらこのサイト名にしています。

もう一つの理由は、「犬の耳」です。
僕が愛犬家ので、せっかくなら好きなものをサイト名やドメインに入れたいと思いつけました。

Projects 制作実績

個人でお受けしたWeb制作やデザイン案件を、これまでの活動記録としてまとめています。
クライアントさまとの取り組みや制作背景も含めてご紹介しています。

  • 小畑畳店

    岐阜県海津市にて大正10年創業、100年以上の歴史を持つ老舗畳店「小畑畳店」様のWebサイト制作を担当しました。

    伝統的な畳文化を受け継ぎながら、現代の暮らしにも寄り添う新しい畳の魅力を発信されている店舗であり、職人の技術や家族経営ならではの温かさが伝わるサイト設計を目指しました。

    本サイトでは、創業から続く技術や想い、施工内容、畳の知識、雑貨ブランド「たたみ工房 畳心」の活動など、多岐にわたる情報を整理し、初めて訪れる方でも理解しやすい構成へ再設計しています

    また、地域密着型の店舗としての信頼感を大切にしながら、スマートフォン閲覧を前提としたUI設計と、写真を活かした視覚的な情報伝達を重視しました。

    伝統と現代性が共存するブランドイメージを損なわないよう、落ち着きのあるデザインと読みやすい導線設計を意識しています。

  • Handmade Park

    ハンドメイド作家の情報発信サイト「Handmade Park」のShopify構築を担当しました。

    本サイトは、ハンドメイド作家を目指す方や作品づくりを楽しむ方に向けた情報発信を目的としたWebサイトで、作家紹介・読み物コンテンツ・素材配布など、複数の役割を持つプラットフォームとして運営されています。

    制作ではデザインをもとに、Shopifyテーマの構築および各種機能実装を担当。

    ブログコンテンツと素材画像ダウンロード機能が共存するサイト構成に対応し、運用のしやすさと拡張性を意識した設計を行いました。

    また、情報量の多いコンテンツを整理しながら、更新作業の負担を抑えられるよう管理画面側の構造調整やテンプレート設計を行い、継続的なサイト運用を前提とした構築を行っています。

  • SHARE MY DOG, MIRU

    愛犬との日常を写真とともに記録・共有するフォトダイアリーサイト

    「SHARE MY DOG, MIRU」の企画・制作を行いました。

    本サイトは、ポメプーの愛犬ミルとの暮らしを静かに記録し、日常の何気ない瞬間や成長の記録を写真と文章で残していくことを目的とした個人メディアです。

    “Quietly sharing life with Miru.” をコンセプトに、過度な装飾を避け、余白や空気感を大切にしたミニマルな設計を行いました。

    日記コンテンツ・トリミング記録・ブログ記事・お知らせなど複数のコンテンツを整理し、写真を主役にした閲覧体験と、継続的に更新しやすい運用構造を両立しています。

    また、個人ブログでありながらブランドサイトとしても成立するよう、世界観設計・情報構造・UI設計まで一貫して構築しました。