Web Design and Development
Portfolio
Explore my work carried out via my website business, Lumin
My projects
Tip: Try pressing the red buttons on the browsers!
- Jiu jitsu gym
Alliance Jiu Jitsu
Build: Pure HTML/CSS/JS, Netlify
Content-packed motivational and informative website for the largest Jiu Jitsu association in the world. Designed with a call-to-action focus to promote new sign-ups.
View website - Playing card game
Food Fight the Card Game
Build: Jamstack - Astro, Sanity CMS, Netlify
Lead generation, mailing sign-ups and hype generation for a healthy eating card game. The site is filled with colour and interactive/moving elements to show off the game's playful nature.
View website - Advanced custom order form
Modii
Build: Webflow, CMS + custom code
Advanced sequential order form that uses multiple inputs, conditional logic and filtering, and displays live selection updates. Saves the business time by capturing and qualifying leads.
View website - Confidence and life coach
OC Coaching
Build: Webflow + Mailchimp
A lead-generating marketing website built in Webflow. Converts via 2 methods: booking a discovery call and motivating email marketing sign-ups (powered by a Mailchimp integration).
View website - Film production company
Whole Earth Productions
Build: Jamstack - Hugo, Netlify CMS, Netlify
Design inspired by the natural world. Hosts a company bio and services, a portfolio, contact form, and a cinematography inspired landing page. Includes a headless CMS for the owners.
View website - Woodland restoration project
Breathe
Build: Web design in Figma
A design for a mock woodland restoration organisation. A calming and airy design to inspire change in woodland conservation and restoration, with an emphasis on conversions.
View website - Contribution - betting and casino
DAZN Bet
Build: Custom CMS, custom HTML/CSS
Configured front-end assets using a CMS. Coded responsive banners and full content-heavy page builds. Built HTML emails and landing pages.
View website - Garden designer template
Trinity Garden Design
Build: Web design in Figma
A design for a mock garden design business. A classy and clean look to resemble the brand's refined style for garden design. A high-conversion page design to gain more consultations.
View website - Yoga Studio (demo)
Flowga
Build: Webflow + Relume
An interactive and calming build with animations that make you feel at ease. A (fictional) yoga studio site, including dynamic class content, timetables, useful integrations and online shop.
View website - CV website
Florence Smith
Build: Jamstack - Astro, Netlify CMS, Netlify
A CV-style website and blog, customisable with a headless CMS. A lightweight Jamstack build boasting great speed, SEO and several optimisations. A great professional display!
View website - Charity
The Uniform Project UK
Build: WordPress
Website for a charity that redistributes second-hand school uniforms. Helped with website strategy and builds to facilitate ordering uniforms, raising money and volunteer recruitment.
View website - Contribution - job board
Golf Jobs
Build: Custom HTML/CSS/JS into HiringOps CMS
Full page design and builds coherent with the site's existing style. My contributions included: About Us, Join the Franchise, Pricing and Services, Managed Talent Campaign.
View website - Contribution - jewellery designer
Laura Miers Air
Build: Cargo, custom HTML/CSS/JS
Built on Cargo according to client designs for an Australian custom-jewellery designer. Custom-coded components such as responsive navigation menus, grids and sign up forms.
View website
Kind words from my clients!
The tech I love to use
- Jamstack
- Astro
- Next.js
- HTML5
- Advanced CSS and Sass
- JavaScript - DOMs, APIs, animation
- Netlify
- Headless CMSs
- Shopify
- Webflow
My creative skills to match them
- Web design
- UI/UX design
- Information architecture
- Branding
- Copywriting
- Figma
- Photography and image curation
- SEO and performance
And of course, I am always learning more.