技術サンプル — Design Samples

これらはowlinkoの技術力と提案の幅を示すためのデザインモデルです。
あなたのビジネスならどう表現するか?想像しながらご覧ください。

無料相談を予約する

スタイルで絞り込む

Café L'ambre - レトロな喫茶店のWebサイトデザイン
RETRO STYLE

Café L'ambre

縦書きレイアウト 和風アニメーション

昭和レトロな喫茶店を想定したデモサイト。縦書きテキストとセピア調の配色で、懐かしさと新しさを融合。

DESIGN POINT

若年層の「レトロブーム」に刺さるよう、あえて古いフォントを使用しつつ、スマホでの操作性を確保。

使用技術 HTML5 CSS3 JavaScript writing-mode
デモを見る
Lumière Tokyo - ミニマルな高級サロンのWebサイトデザイン
MINIMAL STYLE

Lumière Tokyo

余白の美学 マイクロインタラクション

高級サロン向けの提案モデル。徹底的に要素を削ぎ落とし、写真と余白だけで「信頼感」を演出。

DESIGN POINT

高単価サービスの予約を促すため、安っぽい装飾を排除し、ブランド価値を最大化する設計。

使用技術 HTML5 CSS3 IntersectionObserver
デモを見る
STRATUM GLOBAL - コーポレートサイトデザイン
CORPORATE STYLE

STRATUM GLOBAL

堅牢なデザイン グリッドレイアウト

建設・製造業向けのコーポレートサイトモデル。重厚感のある配色で「揺るがない信頼」を表現。

DESIGN POINT

歴史ある企業の「重み」を表現しつつ、採用ページでは親しみやすさを出すハイブリッド構成。

使用技術 HTML5 CSS Grid IntersectionObserver
デモを見る
THE BURGER EXTREME - ポップなバーガーショップサイトデザイン
POP STYLE

THE BURGER EXTREME

ビビッドカラー アメコミ風

若者向け飲食店を想定。視界に飛び込む原色と、動きのあるアニメーションでSNSでの話題性を意識。

DESIGN POINT

「映え」を意識し、スクショしたくなるようなインパクトのあるUIデザインの実装例。

使用技術 HTML5 CSS Animations clip-path
デモを見る
Atelier Komorebi - オーガニックな絵本作家向けサイトデザイン
ORGANIC STYLE

Atelier Komorebi

水彩タッチ 丸ゴシック

絵本作家やハンドメイド作家向けのポートフォリオ。手作り感のある装飾で、作品の温かみを伝える。

DESIGN POINT

デジタル感を消し、紙媒体のような「手触り」をWeb上で再現する技術デモ。

使用技術 HTML5 CSS3 SVG背景 filter: blur
デモを見る
AETHER AI - グラスモーフィズムを使ったSaaSサイトデザイン
GLASSMORPHISM

AETHER AI

すりガラス表現 近未来的

IT・スタートアップ向けのLPモデル。流行のグラスモーフィズム(すりガラス)を取り入れた先進的デザイン。

DESIGN POINT

最新技術を扱う企業の「先進性」を視覚的に伝えるため、CSSによる高度な透かし効果を使用。

使用技術 HTML5 backdrop-filter CSS Gradients Animations
デモを見る
さくらメディカルクリニック - 医療機関向けサイトデザイン
MEDICAL STYLE

さくらメディカルクリニック

高コントラスト ユニバーサルデザイン

地域密着型クリニックのモデル。高齢者にも見やすい大きな文字と、迷わない予約ボタン配置。

DESIGN POINT

デザイン性よりも「使いやすさ(ユーザビリティ)」を最優先した、医療・介護向け設計。

使用技術 HTML5 CSS3 アクセシビリティ対応 WCAG 2.1
デモを見る
採用サイト Story - パララックスを使った没入型サイトデザイン
STORYTELLING

採用サイト — Story

パララックス 没入型体験

スクロールに合わせて物語が進む採用サイト。企業の歴史や想いを、映画のように体験させる。

DESIGN POINT

単なる情報の羅列ではなく、「感情」を動かして応募に繋げるための演出特化型モデル。

使用技術 HTML5 GSAP ScrollTrigger Parallax
デモを見る

あなたのサイトも、ここに並べませんか?

実績掲載にご協力いただけるモニター企業様を募集しています。

モニター詳細を聞く