読み込み中
MR design...のロゴマーク

ryosuke  
miyahara  
portfolio

web designer

WEB制作フリーランスとして
コーディングやデザイン
WordPressのお仕事をしています

ペンで絵を描くアニメーション
コーディングしているアニメーション

works(制作品一覧)

 ポートフォリオサイト用に制作した架空のwebサイトの一覧です。
それぞれ制作過程の詳細ページ、該当サイトをご確認いただけます。
 モックアップ画像をクリックして頂くと、制作過程の詳細ページをご覧いただけます。

  • 計算機能を提供する
    LP風のwebサイト ( 機能未実装 )

    ( 架空のwebサイト )

    このサイトを見る 解説ページを見る

    お金の流れを分かりやすく計算する機能(CF計算)を提供するwebページという方向性で制作した作品です。 時間的、技術的な問題で実際の機能は未実装となりました。 形式はLPサイト風。レスポンシブ対応した動きがアピールポイントです。

  • おままごとキッチン
    を飲食店に見立てた店舗サイト

    ( 架空のwebサイト )

    このサイトを見る 解説ページを見る

    手作りのおままごとキッチンと食材のおもちゃを利用して、飲食店に見立てて制作した架空のwebサイトです。 共通パーツを効率的に利用し、複数ページのwebサイトを出来る限り短時間で構築する事を意識して制作しました。

  • 縦書きレイアウトで制作した
    お仕事マッチングサイト

    ( 架空のwebサイト )

    このサイトを見る 解説ページを見る

    和風のデザイン、縦書きレイアウトのwebサイトを一つは用意しておきたいと考えて制作した架空のwebサイトです。 登録までのフロー図やお客様の声の項目など、よく見るパーツをレスポンシブで作成する事を意識しました。

  • 武器や防具を取り扱う
    RPG世界のECサイト

    ( 架空のwebサイト )

    このサイトを見る 解説ページを見る

    RPGの世界にa〇azonのようなサービスが存在したら、という設定で制作した架空のECサイトです。

    商品一覧画面のレスポンシブ対応、閲覧しやすさを特に意識して制作しました。

  • 個人的に好きな主題で開催する
    美術品展示会の告知サイト

    ( 架空のwebサイト )

    このサイトを見る 解説ページを見る

    架空の美術品展示会の告知サイトです。 個人的に好きなギリシャ神話の世界を題材にしました。
    CSSでのアニメーションや画像の配置に気を配り、特別感と高級感のあるデザインになるように工夫しました。

  • 近未来感を表現した
    簡単な企業サイト

    ( 架空のwebサイト )

    このサイトを見る 解説ページを見る

    実在のwebサイトを想定するというより、JavaScriptのライブラリやCSSの様々な表現方法を実験的に実装してみることを念頭に制作した架空の企業サイトです。
    外部のノウハウを実装するトレーニングの一環として制作しました。

skills(保有技術)

 現時点での私の技術レベルを簡単に説明しています。学習及び実践の進捗に合わせて随時更新。
 必要に応じて学ぶべきことどんどん吸収し、内容を増やしていきたいと考えています。

  • HTML / CSS

    HTML、CSSコーディングでwebサイトを一から構築します。

    メインエディタはVisual Studio Codeを使用。CSS設計については、BEM準拠で機能的に制作できるよう学習と実践を行っています。
     またSassの基本的な取り扱いを習得しています。内部SEOを考慮したコーディングの基礎も学習しています。

  • JavaScript

    複雑なプログラムの構築は現状出来ませんが、基本的なコードは書けるように学習しています。
    一般的なwebサイトでよく見られる動きや機能は一通り実装可能です。また部分的にライブラリ(jQuery)を実装してサイト制作を行っています。
     進捗に応じてVue.js等の新しいフレームワークも学習する予定です。

  • Wordpress

    既存テーマの基本的な操作、カスタマイズやHTMLからのWordpress化など、基礎的な扱いを習得しています。
    当ポートフォリオサイトはオリジナルテーマ。既存テーマカスタマイズも受注しています。
    得意な既存テーマは「SWELL」ですが、他のテーマの取り扱いもどんどん学習します。

  • Figma

    ロゴタイプやロゴマークのデザイン、webサイトのデザインカンプ作成など、現状すべてFigmaを使用しており、基礎的な扱いを習得しています。

    必要に応じてXDのほか、illustraterやphotoshopなどのAdobeソフトの取り扱いも学習します。

  • webデザイン

    デザインの基礎的な理論を学習しています。用途、目的に応じたサイトデザインを行います。

    また、レスポンシブに対応したサイトを制作します。

    双方向のコミュニケーションを重視し、要望や課題を明確にしながら制作します。

  • グラフィックデザイン

    将来的にはデザインからコーディングまでワンストップでサービスを提供したいと考えています。
     ご要望があれば素材から自前で用意できるよう同時並行でデザインの学習と実践を進めています。
     当サイト及び参考サイトの素材も、一部外部よりお借りした画像素材を除いては基本的に自前で制作しております。

コーディングのアニメ

about(自己紹介)

元会計事務所職員で現在WEB制作フリーランス。
そんな私の簡単な経歴、考え方やPR等の情報を記載しています。
良ければ詳細ページもご覧ください。

 平成元年 (1989年) 生まれの男性、一児の父。
大学卒業後に約6年間、税理士法人に勤務。飲食店から医療機関まで幅広い業種を担当。税務申告のサポートや新規法人の立ち上げ、相続案件等に関わる。
 子供の誕生後、時間や場所に拘束されない働き方を模索し、web制作者の道を選択。独学で技術を習得。
 ミスの許されない仕事をしていた経験から、こまめな報連相に基づく確実・堅実な仕事の進め方を重視します。

簡単な経歴

2015年
立命館アジア大平洋大学 国際経営学部 卒業。 在学中は経営学・マーケティング・会計学や金融論等を中心に学ぶ。 また日商簿記2級等の資格を在学中に取得。
同年~
大学での学びを活かすために税理士法人(会計事務所)に就職。
約6年間勤務する。
2020年
子供が生まれる。 仕事にはやりがいを感じながらも拘束の多い状況に何らかの変化を起こしたいと考える。
2022年
web業界で働くことを志向するに至り退職後独学を開始。 時間をかけつつもどうにか始動。
著者近影とロゴマーク(仮)
read more...

price(料金)

希望料金体系。おおまかな費用感の目安となります。
ご依頼ごとに詳細なお見積りをさせて頂きますのでおたずねください。
ご予算に応じて柔軟にご対応いたします。

TOPページデザイン・コーディング¥30,000~
下層ページデザイン・コーディング¥7,500~
ロゴ・バナー作成¥5,000~
テキストお任せ作成10,000~
サーバー・ドメイン取得代行¥5,000~
LPコーディング¥40,000~
サーバー・ドメイン取得代行¥5,000~
デザインカンプからのコーディング¥20,000~

contact(連絡先)

お仕事のご依頼やご質問など、なんでもお気軽にお尋ねください
早いレスポンス、細かな報告と確認、機動性の高さでご対応したします。

ペンで絵を描くアニメーション
コーディングしているアニメーション
[contact-form-7 id="220" title="お問い合わせ"]