2024.01.25
desktop typeのデザイン説明
この度はサイト制作に興味をお持ちいただき、ありがとうございます。
わたしが制作したオリジナルテンプレートをベースにご依頼者さまに合ったデザイン作成・WordPressで構築いたします。
情報を探しやすく、素材が少なくても世界観が表現できるデザインを心がけています。
WordPressはブログを書くようにページの更新ができるので、htmlの知識がなくても自分でテキストや画像を変更できるのが特徴です。
(PC・スマホどちらからでも更新が可能です。)
SNSのように情報が埋もれない自己紹介ツールとしてみてはいかがでしょうか。
desktop typeのデザイン説明
風変わりなデザインがお好みの方へおすすめ
ウェブデザインとしてどうなのかわからないのですが、ふと思いつたので作ってみました。
デスクトップをイメージしていて、デジタル系のフォントにし、メニューはすべてアイコンにしています。
PC版ではメニューアイコンにホバーするとハートのアニメーションがでるような遊びも取り入れてみました。
Achievementの案件やメディア掲載は月や年などお好みで分けられるようにブログ投稿形式にいたしました。
動画もページ内で再生するようにしてサイト内で完結できるようにしています。
使用した素材
- ロゴ
- キービジュアル
- 立ち絵
自分で変更できる場所
TOP
- キービジュアル
- Read me!
下層ページ
黄色の部分が納品後ご自身で変更可能です。
※standard-typeと同じです
※画像タップで拡大
![](https://computer-type.unischance.com/wp-content/uploads/2024/01/image-scaled.jpg)
AchievementとNews
投稿記事を作成し、カテゴリー指定すると自動的にページが追加されます。
NewsのみTOPページキービジュアル下に記事へのリンクが出力されます。
Archiveに指定したカテゴリーも出力することが可能。
投稿記事執筆はこんな感じ。
※画像タップで拡大
![](https://computer-type.unischance.com/wp-content/uploads/2024/01/blog2.png)