Accessibility links

Skip to content Skip to navigation
byPete logo in brand colour
Teal background with concrete detail texture

Hello!

I'm Pete, a Surrey based Front-End developer with over two decades of experience in digital.

Read my bio Contact me

Profile picture of Pete Wallace
Scroll

The backstory

I began my career in multimedia, developing engaging e-learning, training, and press pack applications for top-tier clients such as BBC Worldwide, BBC Active, University of Cambridge, Oxford University Press, UKTV, and Kellogg’s through the award-winning agency, Fifth Dimension Productions. As the industry shifted from physical media to online platforms, I adapted by moving into Front-End development — a transition focused on rapid prototyping.

Starting out, I helped build support sites for innovative projects like BBC Active’s Get Into French, an IVCA Gold award winner. Subsequently, I progressed to developing full-fledged online solutions.

Focus on Fintech and Agile Development

In 2009, the agency refocused its efforts and established itself as the marketing agency for Europe’s emerging payments sector. Since then, I’ve concentrated solely on Front-End development, primarily within the fintech landscape. This environment demands quick, testable solutions, enabling clients and teams to quickly validate ideas and innovate.

Current Skills

My current working stack is marked in bold

  • Front-End Development

    • Tailwind CSS, SCSS, Utopia, Foundation CSS, PostCSS

    • Astro, Eleventy(11ty), Nunjucks, Panini, Handlebars

    • Typescript, Preact, Alpine.js, ES6, jQuery, JSON, Motion One

    • Markdown, MDX

    • Gulp, npm, Webpack

    • Xamarin.Forms

  • Email Development

    • Foundation for Emails

    • Maizzle (Tailwind for email)

    • SCSS/ Inline CSS

  • Tools

    • Visual Studio Code, Visual Studio

    • Adobe Creative Cloud (Photoshop, Illustrator, Acrobat, Lightroom)

    • Microsoft Office

    • npm, git, github

    • Netlify

  • SaaS / PaaS

    • Mailchimp

    • Zoho CRM

    • Slack

    • Microsoft Teams

    • Azure Dev Ops

  • Role-Specific Responsibilities

    • HTML Templates

    • HTML Email templates

    • Content management, Markdown

    • Wireframes

    • Asset generation

    • UX/UI

  • Key Competencies

    • Creativity and problem solving

iPhones with mykring app in use

Show and tell

Curious to see my work in action? Discover the stories behind my projects, the challenges addressed, and the solutions crafted.

Explore the portfolio Random pick

Prototype-Driven Workflow

My development process now centers on static site generators. I started with Panini within the Foundation framework, and and later transitioned to nunjucks paired with 11ty. I am currently using Astro. This component-based workflow keeps my projects consistent but also allows for fast, reliable updates across templates.

Using a SSG for prototyping means I can quickly turn client ideas into working models — bridging the gap between initial concept and final product while reducing the risk of scope creep.

Devices view

Snapshot of a typical listing index. Clients, developers, and third-party agencies have access to the most recent version of any page.

Enhancing Multilingual Support

Recognising the importance of context in translations, I introduced a template index system that guides third-party translators. This resource enables translators to review user pathways and full-page layouts without needing extra access to test environments, ensuring that every version of a site retains its intended clarity and usability.

Looking Ahead

This static site was crafted using Astro v5, integrating Tailwind CSS v4 alongside Alpine.js. It replaces the previous build, which was developed using 11ty and Webpack. I’ve really enjoyed diving into Astro and am excited about exploring its potential for rapid prototyping in future projects.

Woodland scene

Balancing Life and Work

Beyond work, I love spending time outdoors with my family, especially my two young adventurous sons. I have found nature to be a great counterbalance to the demands of development, although we often revert back to technology like Google Lens for assistance!

Beach scene with close up of jellyfish. Detail shows iPhone with google lens app

Availability

Thanks for exploring my bio! I’m currently available for new roles in Front-End development. If you think I could be a great fit for your team, please connect or reach out via LinkedIn.

For a closer look at my portfolio, head over to the work section. There are currently 11 case studies to explore.

Progress