Skip to content

main #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
PAUXDesign merged 16 commits into from
Apr 27, 2026
Merged

main #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
d13ef8c
Delete contact.html
PAUXDesign Apr 27, 2026
9e380c5
Delete cs-joblink.html
PAUXDesign Apr 27, 2026
691f6da
Delete cs-mila.html
PAUXDesign Apr 27, 2026
9392051
Delete cs-saas.html
PAUXDesign Apr 27, 2026
8df4050
Delete index.html
PAUXDesign Apr 27, 2026
608e1b7
Delete styles.css
PAUXDesign Apr 27, 2026
4272f76
Delete work.html
PAUXDesign Apr 27, 2026
cff862e
Delete thank-you.html
PAUXDesign Apr 27, 2026
950a5b2
Create index.html
PAUXDesign Apr 27, 2026
8f29c31
Add files via upload
PAUXDesign Apr 27, 2026
90879f1
Create index.html
PAUXDesign Apr 27, 2026
6720b8d
Create index.html
PAUXDesign Apr 27, 2026
f42e979
Create index.html
PAUXDesign Apr 27, 2026
22e35dc
Create index.html
PAUXDesign Apr 27, 2026
275a13f
Create index.html
PAUXDesign Apr 27, 2026
1ec892e
Create index.html
PAUXDesign Apr 27, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 24 additions & 24 deletions contact.html → contact/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,10 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./Public/Images/icon.png" type="image/png">
<link rel="icon" href="/Public/Images/icon.png" type="image/png">
<title>Contact — Paux Design</title>
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=Manrope:wght@300;400;500;600;700&family=Hanken+Grotesk:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./styles.css">
<link rel="stylesheet" href="/styles.css">
<style>
.contact-page {
min-height: 100vh;
Expand Down Expand Up @@ -152,16 +152,16 @@
<nav>
<div class="nav-inner" id="site-nav">
<div class="nav-brand">
<a href="./index.html"><img class="nav-brand-logo" src="./Public/Images/logo-name.png" alt="Paux Design"></a>
<a href="/"><img class="nav-brand-logo" src="/Public/Images/logo-name.png" alt="Paux Design"></a>
</div>
<ul class="nav-links" aria-label="Primary">
<li><a href="./index.html#about">About</a></li>
<li><a href="./index.html#services">Services</a></li>
<li><a href="./work.html">Work</a></li>
<li><a href="./contact.html">Contact</a></li>
<li><a href="/#about">About</a></li>
<li><a href="/#services">Services</a></li>
<li><a href="/work/">Work</a></li>
<li><a href="/contact/">Contact</a></li>
</ul>
<div class="nav-cta">
<a href="./contact.html" class="btn btn-dark nav-cta-btn" style="padding:12px 18px;">Let's talk</a>
<a href="/contact/" class="btn btn-dark nav-cta-btn" style="padding:12px 18px;">Let's talk</a>
<button type="button" class="nav-hamburger" id="navHamburger" onclick="toggleMobileNav()" aria-label="Open menu" aria-expanded="false" aria-controls="navMobileOverlay">
<span class="nav-hamburger-bars" aria-hidden="true"><span></span><span></span><span></span></span>
</button>
Expand All @@ -170,12 +170,12 @@
</nav>

<div class="nav-mobile-overlay" id="navMobileOverlay">
<a href="./index.html#about" onclick="closeMobileNav()">About</a>
<a href="./index.html#services" onclick="closeMobileNav()">Services</a>
<a href="./work.html" onclick="closeMobileNav()">Work</a>
<a href="./contact.html" onclick="closeMobileNav()">Contact</a>
<a href="/#about" onclick="closeMobileNav()">About</a>
<a href="/#services" onclick="closeMobileNav()">Services</a>
<a href="/work/" onclick="closeMobileNav()">Work</a>
<a href="/contact/" onclick="closeMobileNav()">Contact</a>
<div class="nav-mobile-divider"></div>
<a href="./contact.html" onclick="closeMobileNav()" class="btn btn-dark nav-mobile-cta">Let's talk</a>
<a href="/contact/" onclick="closeMobileNav()" class="btn btn-dark nav-mobile-cta">Let's talk</a>
</div>

<main class="contact-page">
Expand Down Expand Up @@ -236,22 +236,22 @@ <h1 class="contact-title">Tell me about your project</h1>
<footer>
<div class="footer-inner">
<div class="footer-brand">
<a href="./index.html"><img src="./Public/Images/logo.png" alt="Paux Design"></a>
<a href="/"><img src="/Public/Images/logo.png" alt="Paux Design"></a>
<p class="footer-brand-name">PAUX Design</p>
<p class="footer-brand-tagline">Product Designer for high-growth startups &amp; digital products. London · Remote.</p>
</div>
<div class="footer-sitemap">
<div class="footer-sitemap-label">Site map</div>
<div class="footer-sitemap-grid">
<a href="./index.html#about">About</a>
<a href="./work.html">Work</a>
<a href="./index.html#services">Services</a>
<a href="./index.html#faq">FAQ</a>
<a href="./index.html#process">Process</a>
<a href="./contact.html">Contact</a>
<a href="./cs-saas.html">Enterprise SaaS</a>
<a href="./cs-mila.html">Mila AI</a>
<a href="./cs-joblink.html">JobLink</a>
<a href="/#about">About</a>
<a href="/work/">Work</a>
<a href="/#services">Services</a>
<a href="/#faq">FAQ</a>
<a href="/#process">Process</a>
<a href="/contact/">Contact</a>
<a href="/work/enterprise-saas/">Enterprise SaaS</a>
<a href="/work/mila-ai/">Mila AI</a>
<a href="/work/joblink/">JobLink</a>
</div>
</div>
<div class="footer-right">
Expand Down Expand Up @@ -333,7 +333,7 @@ <h1 class="contact-title">Tell me about your project</h1>

if (nextField) {
try {
nextField.value = new URL('./thank-you.html', window.location.href).href;
nextField.value = new URL('/thank-you/', window.location.href).href;
} catch (e) {
nextField.value = '';
}
Expand Down
70 changes: 35 additions & 35 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./Public/Images/icon.png" type="image/png">
<link rel="icon" href="/Public/Images/icon.png" type="image/png">
<title>PAUX Design — Freelance Product Designer | UX Audit &amp; SaaS Design, London</title>
<meta name="description" content="Freelance product designer based in London. UX audits, SaaS product design, mobile apps and AI-powered workflows. Fixed scope, senior quality, no agency overhead.">
<meta name="keywords" content="freelance product designer London, UX audit service, SaaS UX designer, product design for startups, UI UX designer freelance, dashboard design, B2B SaaS designer">
Expand All @@ -13,11 +13,11 @@
<meta property="og:url" content="https://pauxdesign.com/">
<meta property="og:title" content="PAUX Design — Freelance Product Designer">
<meta property="og:description" content="UX audits, SaaS product design and AI-powered workflows. Senior product design without the agency overhead. Based in London, working globally.">
<meta property="og:image" content="./Public/Images/paux-design-website.png">
<meta property="og:image" content="/Public/Images/paux-design-website.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="PAUX Design — Freelance Product Designer">
<meta name="twitter:description" content="UX audits, SaaS product design and AI-powered workflows. Senior quality, no agency overhead.">
<meta name="twitter:image" content="./Public/Images/og-image.png">
<meta name="twitter:image" content="/Public/Images/og-image.png">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=Manrope:wght@300;400;500;600;700&family=Hanken+Grotesk:wght@400;500;600&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
Expand Down Expand Up @@ -1633,9 +1633,9 @@
transition: opacity 0.4s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.wcard:hover .wthumb { opacity: 1; transform: scale(1.02); }
.wthumb.t1 { background-image: url('./Public/Images/dashboard-saas.png'); }
.wthumb.t2 { background-image: url('./Public/Images/mila.png'); }
.wthumb.t3 { background-image: url('./Public/Images/joblink.png'); }
.wthumb.t1 { background-image: url('/Public/Images/dashboard-saas.png'); }
.wthumb.t2 { background-image: url('/Public/Images/mila.png'); }
.wthumb.t3 { background-image: url('/Public/Images/joblink.png'); }


/* ─── FAQ ─── */
Expand Down Expand Up @@ -1991,18 +1991,18 @@
<nav>
<div class="nav-inner" id="site-nav">
<div class="nav-brand" onclick="showPage('home')">
<img class="nav-brand-logo" src="./Public/Images/logo-name.png" alt="PAUX Design logo">
<img class="nav-brand-logo" src="/Public/Images/logo-name.png" alt="PAUX Design logo">
<div class="nav-brand-meta">
</div>
</div>
<ul class="nav-links" aria-label="Primary">
<li><a onclick="showPage('home'); goTo('about')">About</a></li>
<li><a onclick="showPage('home'); goTo('services')">Services</a></li>
<li><a href="./work.html">Work</a></li>
<li><a href="./contact.html">Contact</a></li>
<li><a href="/work/">Work</a></li>
<li><a href="/contact/">Contact</a></li>
</ul>
<div class="nav-cta">
<a href="./contact.html" class="btn btn-dark nav-cta-btn" style="padding:12px 18px;">Let's talk</a>
<a href="/contact/" class="btn btn-dark nav-cta-btn" style="padding:12px 18px;">Let's talk</a>
<button type="button" class="nav-hamburger" id="navHamburger" onclick="toggleMobileNav()" aria-label="Open menu" aria-expanded="false" aria-controls="navMobileOverlay">
<span class="nav-hamburger-bars" aria-hidden="true"><span></span><span></span><span></span></span>
</button>
Expand All @@ -2013,10 +2013,10 @@
<div class="nav-mobile-overlay" id="navMobileOverlay">
<span onclick="closeMobileNav(); showPage('home'); goTo('about')">About</span>
<span onclick="closeMobileNav(); showPage('home'); goTo('services')">Services</span>
<a href="./work.html" onclick="closeMobileNav()">Work</a>
<a href="./contact.html" onclick="closeMobileNav()">Contact</a>
<a href="/work/" onclick="closeMobileNav()">Work</a>
<a href="/contact/" onclick="closeMobileNav()">Contact</a>
<div class="nav-mobile-divider"></div>
<a href="./contact.html" onclick="closeMobileNav()" class="btn btn-dark nav-mobile-cta" style="max-width:260px;justify-content:center">Let's talk</a>
<a href="/contact/" onclick="closeMobileNav()" class="btn btn-dark nav-mobile-cta" style="max-width:260px;justify-content:center">Let's talk</a>
</div>

<!-- ══════════════ HOME ══════════════ -->
Expand All @@ -2031,8 +2031,8 @@
<h1 class="reveal reveal-d1">Design for users, <br>structure for<br><em>digital products.</em></h1>
<p class="hero-sub reveal reveal-d2">From <em>SaaS platforms</em> to <em>mobile apps</em> and <em>AI-powered workflows</em>, I design products that convert, retain and scale. Whether you're building from scratch or fixing what's already live, I'll find what's broken and fix it right.</p>
<div class="hero-actions reveal reveal-d3">
<a href="./contact.html?topic=start-project" class="btn btn-dark">Start a project</a>
<a href="./work.html" class="btn btn-outline">See my work</a>
<a href="/contact/?topic=start-project" class="btn btn-dark">Start a project</a>
<a href="/work/" class="btn btn-outline">See my work</a>
</div>
</div>

Expand Down Expand Up @@ -2127,7 +2127,7 @@ <h1 class="reveal reveal-d1">Design for users, <br>structure for<br><em>digital
<div class="hs-main-glow"></div>
<div class="hs-main" id="hsMain">
<div class="hs-main-layer"></div>
<img class="hs-logo" src="./Public/Images/logo.png" alt="Paux Design mark">
<img class="hs-logo" src="/Public/Images/logo.png" alt="Paux Design mark">
</div>
</div>

Expand Down Expand Up @@ -2404,7 +2404,7 @@ <h2 class="reveal reveal-d1">Does this sound like you?</h2>
<li>From audit to execution, focused on business outcomes</li>
</ul>
<div class="pain-actions">
<a href="./contact.html?topic=start-project" class="btn btn-dark">Let's work together</a>
<a href="/contact/?topic=start-project" class="btn btn-dark">Let's work together</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -2438,7 +2438,7 @@ <h2 class="reveal reveal-d1">Three ways I can help your product</h2>
<li>Prioritised action report</li>
<li>30-min walkthrough call</li>
</ul>
<a href="./contact.html?topic=ux-audit" class="svc-cta">Get an audit <span class="svc-cta-arrow">→</span></a>
<a href="/contact/?topic=ux-audit" class="svc-cta">Get an audit <span class="svc-cta-arrow">→</span></a>
</div>

<!-- Card 2: Product Design (featured) -->
Expand All @@ -2456,7 +2456,7 @@ <h2 class="reveal reveal-d1">Three ways I can help your product</h2>
<li>High-fidelity UI — desktop &amp; mobile</li>
<li>Design system &amp; developer handoff</li>
</ul>
<a href="./contact.html?topic=product-design" class="svc-cta">Start a project <span class="svc-cta-arrow">→</span></a>
<a href="/contact/?topic=product-design" class="svc-cta">Start a project <span class="svc-cta-arrow">→</span></a>
</div>

<!-- Card 3: Web Design -->
Expand All @@ -2472,7 +2472,7 @@ <h2 class="reveal reveal-d1">Three ways I can help your product</h2>
<li>Framer build with animations</li>
<li>SEO setup &amp; performance</li>
</ul>
<a href="./contact.html?topic=web-design" class="svc-cta">Get a website <span class="svc-cta-arrow">→</span></a>
<a href="/contact/?topic=web-design" class="svc-cta">Get a website <span class="svc-cta-arrow">→</span></a>
</div>

</div>
Expand Down Expand Up @@ -2549,7 +2549,7 @@ <h2 class="reveal reveal-d1">What I actually look for<br></h2>
</div>
</div>
<div class="audit-cta-wrap reveal reveal-d2">
<a href="./contact.html?topic=ux-audit" class="btn btn-dark">Book your UX audit</a>
<a href="/contact/?topic=ux-audit" class="btn btn-dark">Book your UX audit</a>
</div>
</div>

Expand Down Expand Up @@ -2677,7 +2677,7 @@ <h2 class="reveal reveal-d1">What I actually look for<br></h2>
<h2 class="reveal reveal-d1">Work that moved metrics.</h2>
<p class="sub reveal reveal-d2" style="margin-bottom:0">Each project focused on a real problem, real users, and a measurable outcome.</p>
<div class="work-featured">
<div class="wcard reveal-scale" onclick="window.location.href='./cs-saas.html'">
<div class="wcard reveal-scale" onclick="window.location.href='/work/enterprise-saas/'">
<div class="wcbody">
<div class="wc-tags"><span class="wc-tag ac">Enterprise SaaS</span><span class="wc-tag ac">Lead Designer</span><span class="wc-tag">2024–2025</span></div>
<div class="wc-title">Compliance &amp; Business Management Platform</div>
Expand All @@ -2690,7 +2690,7 @@ <h2 class="reveal reveal-d1">Work that moved metrics.</h2>
</div>
<div class="wthumb t1" role="img" aria-label="Enterprise SaaS dashboard preview"></div>
</div>
<div class="wcard reveal-scale reveal-d1" onclick="window.location.href='./cs-mila.html'">
<div class="wcard reveal-scale reveal-d1" onclick="window.location.href='/work/mila-ai/'">
<div class="wcbody">
<div class="wc-tags"><span class="wc-tag bl">AI · Mobile</span><span class="wc-tag bl">iOS</span><span class="wc-tag">2024</span></div>
<div class="wc-title">Mila AI — Language Learning App</div>
Expand All @@ -2705,7 +2705,7 @@ <h2 class="reveal reveal-d1">Work that moved metrics.</h2>
</div>
</div>
<div class="work-row">
<div class="wcard reveal-scale" onclick="window.location.href='./cs-joblink.html'">
<div class="wcard reveal-scale" onclick="window.location.href='/work/joblink/'">
<div class="wcbody">
<div class="wc-tags"><span class="wc-tag gr">UX Research</span><span class="wc-tag gr">Mobile</span><span class="wc-tag">2023</span></div>
<div class="wc-title">JobLink — Multi-Profile Job Search</div>
Expand All @@ -2720,7 +2720,7 @@ <h2 class="reveal reveal-d1">Work that moved metrics.</h2>
</div>
</div>
<div class="work-more-wrap">
<a href="./work.html" class="btn-tertiary">View more</a>
<a href="/work/" class="btn-tertiary">View more</a>
</div>
</div>
</section>
Expand Down Expand Up @@ -2752,7 +2752,7 @@ <h2 class="reveal reveal-d1">Designing products <br>with intention</br></h2>
<span class="about-tool">HTML / CSS</span>
</div>
<div class="reveal reveal-d5">
<a href="./contact.html" class="btn btn-dark">Let's talk</a>
<a href="/contact/" class="btn btn-dark">Let's talk</a>
</div>
</div>

Expand All @@ -2761,10 +2761,10 @@ <h2 class="reveal reveal-d1">Designing products <br>with intention</br></h2>
<div class="about-flip reveal">
<div class="about-flip-inner">
<div class="about-flip-front">
<img src="./Public/Images/photo.png" alt="Paula Alonso, freelance product designer based in London">
<img src="/Public/Images/photo.png" alt="Paula Alonso, freelance product designer based in London">
</div>
<div class="about-flip-back">
<img src="./Public/Images/avatar.png" alt="Paula Alonso, freelance product designer based in London">
<img src="/Public/Images/avatar.png" alt="Paula Alonso, freelance product designer based in London">
</div>
</div>
</div>
Expand Down Expand Up @@ -2794,30 +2794,30 @@ <h2 class="reveal reveal-d1">Things founders often ask me</h2>
<div class="cta-box reveal">
<h2>Ready to create meaningful experiences?</h2>
<p>Tell me about your product idea or what you're trying to improve. <br>I'll get back to you within 24 hours, no sales pressure.<br></p>
<a href="./contact.html" class="btn btn-dark">Start a project <svg viewBox="0 0 14 14"><path d="M2 7h10M8 3l4 4-4 4"/></svg></a>
<a href="/contact/" class="btn btn-dark">Start a project <svg viewBox="0 0 14 14"><path d="M2 7h10M8 3l4 4-4 4"/></svg></a>
</div>
</div>
</section>

<footer>
<div class="footer-inner">
<div class="footer-brand">
<img src="./Public/Images/logo.png" alt="Paux Design" onclick="showPage('home')" title="Paux Design logo">
<img src="/Public/Images/logo.png" alt="Paux Design" onclick="showPage('home')" title="Paux Design logo">
<p class="footer-brand-name">PAUX Design</p>
<p class="footer-brand-tagline">Product Designer for high-growth startups &amp; digital products. London · Remote.</p>
</div>
<div class="footer-sitemap">
<div class="footer-sitemap-label">Site map</div>
<div class="footer-sitemap-grid">
<span onclick="goTo('about')">About</span>
<a href="./work.html">Work</a>
<a href="/work/">Work</a>
<span onclick="goTo('services')">Services</span>
<span onclick="goTo('faq')">FAQ</span>
<span onclick="goTo('process')">Process</span>
<a href="./contact.html">Contact</a>
<a href="./cs-saas.html">Enterprise SaaS</a>
<a href="./cs-mila.html">Mila AI</a>
<a href="./cs-joblink.html">JobLink</a>
<a href="/contact/">Contact</a>
<a href="/work/enterprise-saas/">Enterprise SaaS</a>
<a href="/work/mila-ai/">Mila AI</a>
<a href="/work/joblink/">JobLink</a>
</div>
</div>
<div class="footer-right">
Expand Down
Loading
Loading