スマホホーム画面風サイトを作ってみた

ゆうこすさんのHPがスマホのホーム画面風で面白かったので真似して作って見ました。

＼公式HPはスマホ限定／

はい。あえて"スマホ限定"にしてみました！デザイン、ゆうこすです😎💪

「ホーム画面」をイメージ！

ゆうこすが色んな事に挑戦するたび、このホームページの"アプリ"もアップデートされます！

見るのが楽しいホームページ、目指してます💪https://t.co/CH3wpL55R4 pic.twitter.com/oZRWzEBGMN

— ゆうこす♡菅本裕子 (@yukos_kawaii) 2018年4月5日

私が作ったのはこんな感じ。

こちらのアドレスから見れます。スマホから見ないとレイアウトが崩れますが。

http://leotabito.wixsite.com/bibinba/phone

wixで制作

何で作るか迷ったのですが、wixぐらいしかHPの制作経験がないのでwixで無理やり作りました。

wixは無料のweb制作ツールですが基本的にパソコンのサイトを作って、それが自動的に綺麗なスマホ画面に変わるというものです。

デスクトップモードである程度素材を置いた後、モバイルモードでレイアウトを整えていく感じで作りました。

めっちゃ大変だった！！！とはいえ半日かからずできました。

感想

実際にスマホで見ると結構面白いですね。

こういうスマホ向けのサイトが簡単に無料でできてしかもサーバーまで用意してくれてるサービスとかってないですかね・・・ないですよね。wixありがたい。