![](https://web-niar.com/wp/wp-content/themes/niar/img/common/logo.svg)
![](https://web-niar.com/wp/wp-content/themes/niar/img/common/logo.svg)
徳島
ビーチハウス宍喰様
- ディレクション
- NIAR
- 撮影・素材
- ご支給
- 原稿
- ご支給
- デザイン
- NIAR
- コーディング
- NIAR
WEB SITE
ビーチハウス宍喰様は、プロサーファー辻裕次郎様が、サーファーとして生まれ育った故郷にオープンしたSURF SHOP&GUEST HOUSEです。
その玄関口でまず目に入る、優しいホワイトサンド色の建物。目の前には穏やかなプライベートビーチ。素敵なゲストハウスのWebサイトリニューアルのご相談をいただきました。
デザイン
宿泊、サーフィンレッスン、ショップ、それぞれのコンテンツをわかりやすくするために情報を整理してセクションごとにデザインいたしました。目の前に海があり最高のロケーションであること伝えるために写真を大きく使いました。
コーディング
ファーストビューで、画像、ロゴ、ナビをjavascriptとCSSでアニメーションを実装しました。各セクションごとの大きな写真はスライドイン、そのほかの写真はスクロールでフェードインを実装しました。宿泊先の写真はスライドショーでいくつかの写真を閲覧できるように実装しました。
![アバター画像](https://web-niar.com/wp/wp-content/uploads/2022/09/YukaKobayashi-300x300.jpg)
-
- この記事を書いた人小林 友加
- こう見えてドラムぼちぼち叩けます。サウナ依存中
Return Works
![](https://web-niar.com/wp/wp-content/themes/niar/img/common/youtube_pc.png)
![](https://web-niar.com/wp/wp-content/themes/niar/img/common/digip_pc.png)
![](https://web-niar.com/wp/wp-content/themes/niar/img/common/youtube_sp.png?20200412)
![](https://web-niar.com/wp/wp-content/themes/niar/img/common/digip_sp.png?20200412)
© Copyright 2020 NIAR All rights reserved.