Hello, I'm

Daniel Wilkey

UX/UIDesigner&WebDeveloper

About Me

UX/UI Designer & Web Developer

Hi there, I'm Daniel, a UX/UI Designer and Web Developer based in Christchurch, New Zealand. I focus on creating digital experiences that are both easy to use and visually appealing, always putting the user first and aiming for great performance.

With experience in every stage of development, I turn ideas into reality - from doing research and sketching wireframes to building responsive, ready-to-launch websites. I like blending creativity with logic, making sure every pixel serves a purpose and every interaction feels smooth.

Whether I'm working with a team or managing a project on my own, I take pride in writing clean code, developing user-friendly design systems, and delivering user experiences that truly matter.

Education

  • • Diploma in Web Design & Production - Yoobee Colleges
  • • Certificate in UX Design - Yoobee Colleges
  • • Certificate in Web Development - Yoobee Colleges
  • • Certificate in Business Studies (Information Systems) - Massey University

Experience

  • • Shopify/CIN 7 Web Assistant - Army & Outdoors (January 2026 - Present)
  • • UX/UI Designer & Web Developer - Chance Voight Investment Corporation (May 2024-October 2025)
  • • Freelance Web Developer - Self-employed (2022-Present)
  • • Pixel Perfect Web Designs - Web Designer & Developer (2022-2024)

My Skills

UX/UI Design

User ResearchInformation ArchitectureUser FlowsWireframingPrototypingUser TestingAccessibilityResponsive Design

Frontend Development

HTML5CSS3 / SCSSTailwind CSSJavaScriptTypeScriptReact.jsNext.jsWebflowWordPressFramerGSAP

Backend & Data

Node.jsMongoDBSupabaseAPIsCMS IntegrationExpressE-commerceVersion ControlDatabase AdministrationGoogle Analytics 4Google Search Console

Tools & Practices

CollaborationAgile TeamsFigmaAdobe PhotoshopGit & GitHubPostmanVercelSEO OptimizationAI Generation Tools

My Process

Project Definition

Starting with a thorough understanding of your goals, audience, and requirements to establish a solid foundation.

Planning

Next, I create a clear roadmap that covers the sitemap, technical details, and content strategy.

UX/UI Design

Then, I design wireframes and high-fidelity mock-ups that focus on great user experience while staying true to your brand.

Development

I write clean, efficient code using modern tools and best practices to ensure your site runs smoothly.

Testing

Before launch, I thoroughly test across devices and browsers to make sure everything works perfectly.

Maintenance

After launch, I provide ongoing support, updates, and monitoring to keep your site secure, fast, and up to date.

Selected Projects

Pegasus Digital

Pegasus Digital

Design and build agency website in Next.js, with pages for services, work and enquiries. I also implemented the Free Website Check, which uses the Google PageSpeed Insights API to check a page on mobile or desktop and show visitors practical areas to improve.

WebsiteNext.jsTypeScriptAPI IntegrationUX/UI Design
Mac Auto Services

Mac Auto Services

Rebuilt the website for a Christchurch automotive workshop using React. The new site makes it easier to find information about WOFs, servicing and repairs, read customer reviews, and send a booking enquiry.

WebsiteReact JSWebsite RedesignUX/UI Design
Burst Digital

Burst Digital

Built Burst Digital's Webflow site from start to finish, handling research, UX/UI design, client communication, and final deployment.

WebsiteFigmaWebflowUX/UI DesignContent Management System
Autistic Innovations

Autistic Innovations

Designed and built a website in Hostinger Website Builder for a Christchurch-based autism coaching service. The site introduces the support available to autistic adults and the people around them, with clear paths to explore the services and get in touch.

WebsiteHostinger Website BuilderUX/UI Design
Filtration Station

Filtration Station

Designed and custom coded an installation landing page within Filtration Station's Shopify store. It explains how the service works, shows what customers can expect from a fixed-price quote, and gives Auckland homeowners a clear way to enquire about an installation.

Landing PageFigmaShopify Custom Coding
Gee Wiz

Gee Wiz

Contracted by Burst Digital, I designed and built this high-converting landing page to attract pub owners and drive quiz night bookings. The design focuses on clear hierarchy, engaging copy, and conversion-driven CTAs - turning quiet midweek nights into packed tables for venues across New Zealand.

Landing PageUX/UI DesignFigmaPhotoshopWix
INNLIST Holiday Homes

INNLIST Holiday Homes

Designed in Figma and hand-coded within Rocketspark using HTML5, CSS3 and JavaScript to overcome platform limitations. The result is a fast, conversion-focused landing page that the client now wants to add to their main website.

Landing PageFigmaHTML5CSS3JavaScriptRocketspark
Tilyard Plumbing

Tilyard Plumbing

Custom coded landing page within Tilyard Plumbing's Wix website. The pages give visitors a focused route from learning about a service to getting in touch, while working within the client's existing site.

Landing PageFigmaWix Custom Coding
Travel Crush NZ

Travel Crush NZ

A travel blog built in WordPress and Elementor, featuring dynamic posts, pages, and archives designed for users to easily document and share their overseas adventures.

BlogUX/UI DesignFigmaWordPressElementor
Zentry Award Winnning Website Clone

Zentry Award Winnning Website Clone

My clone of the award-winning Zentry website, which earned Awwwards Site of the Month recognition.

FigmaPhotoshopReact JSTailwind CSSGSAPJavaScriptVercel
Splyt (Awwwards Recreation)

Splyt (Awwwards Recreation)

A creative website recreation inspired by Splyt on Awwwards. Developed with React, GSAP, and Tailwind CSS, showcasing fluid motion design and interactive storytelling.

FigmaReact JSTailwind CSSGSAP
Velvet Pour (Awwwards Recreation)

Velvet Pour (Awwwards Recreation)

An immersive cocktail website recreation inspired by Velvet Pour on Awwwards. Built with React, GSAP, and Tailwind CSS, featuring smooth scroll animations and cinematic interactions.

FigmaReact JSTailwind CSSGSAP
Apple iPhone 15 Clone

Apple iPhone 15 Clone

A detailed recreation of the Apple iPhone 15 Pro website, combining GSAP animations with Three.js 3D effects for a dynamic user experience.

FigmaPhotoshopReact JSThree JSGSAPTailwind CSSJavaScriptNetlify
AI Resume Analyzer

AI Resume Analyzer

AI-powered Resume Analyzer with React, React Router, and Puter.js! Create job listings, upload candidate resumes, and use AI to automatically evaluate and match resumes to job requirements.

FigmaReact JSReact RouterPuter.jsTailwind CSSJavaScriptAPI'sAI Agents
Brainwave

Brainwave

A modern landing page featuring sleek parallax effects and a clean bento box layout designed to engage visitors visually.

FigmaPhotoshopReact JSGSAPTailwind CSSJavaScriptVercel

Get in Touch

Contact Information

If you're looking for a designer and developer who understands the entire process - from early user research and wireframes to polished, responsive builds and successful launches - I'd love to hear from you. Whether you're after a freelance designer or developer for a short project, seeking ongoing website updates, or exploring a full-time creative partnership, I'm always open to new opportunities.

Let's connect and see how I can help turn your ideas into something people will love to use.

Location

Based in Christchurch, New Zealand

Available for remote work worldwide

Send a Message