tools

Webサイトやバナー・ロゴの制作ができます。
ビジュアルの美しさだけでなく、情報の意図を正しく伝えるための設計を心がけています。

Figma

Auto Layout / Component / Detail

• オートレイアウトを用いた柔軟な設計
• コンポーネント化による効率的なUI制作
• 一貫性を保つためのスタイルガイド作成

Photoshop

Retouch / Composition / Layout

• 非破壊編集による修正に強いデータ構築
• 質感と光をコントロールする合成技術
• コンセプトに沿った一貫した画面構成

Illustrator

Vector / Logo / Composition

• ベジエ曲線を駆使した精密なパス制作
• コンセプトを形にするロゴデザイン制作
• 図形と文字を組み合わせたレイアウト

Generative AI

Graphics / Workflow / Ideation

• 制作コンセプトに合わせた素材生成
• レイアウトに合わせた柔軟な画像調整
• デザイン案の具体化と着想の補助

WordPressを用いた動的なサイト制作や、テーマ開発ができます。
デザインの忠実な再現に加え、SEOや導線を考慮したマークアップと、管理しやすいコード作成を心がけています。

HTML

Semantic / Maintainable / Reusable

• セマンティックHTMLによる構造設計
• 保守性と拡張性を意識したDOM設計
• 再利用性を考慮したタグ構造の組み立て

CSS

Responsive / Variable / Browser

• メディアクエリによるレスポンシブ対応
• CSS変数を活用したテーマ・スタイル管理
• 各種ブラウザ間の表示崩れ防止と対応

JavaScript

Vanilla / Components / Optimization

• ライブラリに頼らない動的な画面制御
• モーダルやタブ等の主要UIパーツ実装
• Intersection Observerの活用

WordPress

Theme / Custom Field / Dynamic

• テンプレート階層を理解したテーマ改修
• カスタムフィールドを用いた更新性の追求
• 条件タグやループによる柔軟な記事出力