- Work
- Play
- About

Hello! I'm Ian Johnstone

I design calm digital experiences
I simplify complex user flows
I create thoughtful web and mobile systems
I care about clarity, usability, and craft
I design calm digital experiences

Customize Your Portfolio

Template features:
- 🖼️ Hero section - Big impactful intro for your brand.
- 🧱 Work section - Start by choosing a layout version.
- 📦 Lightbox Ready - Just add your photos.
- 🛠️ Customizable project pages - Tailor to each piece.
- ⎘ Header/footer - Edit once, copy to all pages.
Get started:
- 📚 Learn HTML & CSS basics - James' foundational skills guide
- ✨ Branding - Logo, Google Fonts, colours.
- 👤 About page - Add photo and bio.
- 📸 Work page - Add project images with overlays.
- 📝 Project pages - Write titles and descriptions.
- 🔗 Navigation - Add Previous/Next links.
- ↗️ Links - Style hover states.
- 🖱️ Cursor - Starter code for custom cursor.
Extra polish:
- 🎞️ Animated GIFs - Showcase your work.
- 🎨 Animated SVGs - Create dynamic vector art.
- 🌈 Animated gradients - Smooth color transitions.
For advanced users:
- 🐇 Easter eggs: Hide surprises in your portfolio!
- 💫 Advanced nav (☰ not included).
- 🎭 Effects - Typewriter (JS), parallax (CSS), custom JS.
Consider adding:
- 🎮 Play page - showcase other work.
- ✏️ Sketchbook - process work.
- 📄 Resume/CV - professional background.
Don't forget:
- ❌ Custom 404 page - Personalized error page.
- 🗺️ sitemap.xml - Update for Google Search Console.
- 🔍 SEO - Optimize page titles, descriptions and images.
Awards & Recognition
Selected Works

Work Pages:
- Classic – Rounded Corners Now Included!
- Illustrator’s Work Page New Template!
- Project Titles Below New Template!
- Sticky Sidebar with Classic Grid New Template!
- Sticky Sidebar with Masonry and Accordion New Template!
- Classic – Clean (No Effects)
- Classic – Spacious New Template!
- Classic – Grayscale Filter
- Classic – with Ghost Icon
Project Pages:
- Standard Project New and improved!
- Project with Lightbox New feature!
- Full Width Project New Template!
Other Pages:
- About Page New Two-Column Layout!
- Play Page New Masonry+Lightbox Layout!
- Sketchbook Page New Masonry+Lightbox Layout!
- Components New! (reusable elements)
- Holding Page (optional)
- 404 Page (customize to match your brand)
Contact & Social
- Insta
- LinkedIn
- Behance

Hello! I'm Ian Johnstone

SharedStandard

Roommate standards app

Velvet Pour

Brand and responsive website

CoSpace

Shared living platform concept built through collaborative UX design

Crave Case Study

Research-led streaming UX strategy

Lynn Valley Link Trail

Responsive website redesign for a local trail experience

Customize Your Portfolio

Awards & Recognition

Selected Works

Hello! I'm Ian Johnstone

SharedStandard

Roommate standards app

Velvet Pour

Brand and responsive website

CoSpace

Shared living platform concept built through collaborative UX design

Crave Case Study

Research-led streaming UX strategy

Lynn Valley Link Trail

Responsive website redesign for a local trail experience

Customize Your Portfolio

Awards & Recognition

Selected Works

Contact & Social