Custom Websites • WordPress & Kirby CMS • HTML Emails

Boston, MA, USA

LinkedIn Email

Hello, I'm Sallie. I enjoy bringing intuitive designs to life through creative approaches to pixel-perfect, accessible, responsive web development.

I work with a variety of people and organizations. Reach out, and let's chat!

Skills

Top

Front-End Development

  • Semantic HTML5
  • CSS3
  • SASS
  • JavaScript / jQuery
  • Marketo email and landing page templates
  • Email development

Back-End Development

  • WordPress
  • PHP
  • Kirby
  • Payment integrations: Stripe, PayPal
  • Social feed integrations
  • Custom forms

Deployment

  • Hosting services
  • Analytics
  • QA Testing
  • Client onboarding
  • Event ticketing platforms

Design

  • InVision App
  • Sketch
  • Adobe XD
  • Adobe Illustrator
  • Adobe Photoshop

Portfolio of recent projects

Top

Open Library Foundation

screenshot of pages on the Open Library Foundation website

Project summary

This is a non-profit dedicated to open-source projects in libraries around the world. Its board of directors is made up of library leaders from the United States, Europe and Asia. The foundation required a complete redesign and redevelopment of its former website.

Role

Development, Deployment, Stakeholder training

Development details

The former site was in need of a working navigation and content organization strategy. I worked with talented designers, who provided the new designs and design system. The redevelopment included the creation of 23 custom page templates and 8 related custom HTML email templates. I incorporated input from board members and meetings with committee members to ensure that every aspect of the new site would incorporate all needs and requests, and be able to grow with the foundation into the future. This involved the creation of membership sign-up logistics and payment processing integrations.

Key takeaways

  • Custom WordPress theme: 23 page templates
  • Password-protected demo site, during development
  • Custom Membership forms configuration, confirmations, subscription integration with Stripe
  • Custom HTML email notifications: 8 automated templates
  • Focus on accessibilility
  • Twitter feed
  • Descriptive backend to assist content editors in updating the site
  • Custom three-step donation form for tax-deductible donations
  • Content migration from old site into new site

FOLIO

Project summary

This is an open-source Library Services Platform used by universities, colleges and other institutions around the world, in order to run their internal processes and power their external systems. As this open-source project began growing globally, a robust informational site was needed as a hub for the expanding community.

Role

Development, Deployment, Stakeholder training

Development details

This was an interesting project to work on, since the redevelopment of the front-end and back-end presented such a radical departure from the previous site. There were opportunities to capitalize on every aspect of the new site. I worked with a talented designer, who provided the new designs and design system. From those designs, I developed a custom WordPress theme from scratch, and migrated the site to a new webhost. The focus was on the end user, giving them easy ability to submit a contact form, sign up for a newsletter, search for resources via a custom filter, read the Twitter feed, download important assets, read press releases and blog articles, and link to other groups in the project's community.

Key takeaways

  • Custom WordPress theme: 21 page templates
  • Password-protected demo site, during development
  • Custom forms
  • Twitter feed
  • Descriptive backend to assist content editors in updating the site
  • Custom category filters with AJAX and PHP
  • Backend asset organization
  • Content migration from old site into new site

The Fuse Factory

Project summary

This non-profit is an art and technology initiative based in Columbus, Ohio. They are focused on cultivating artistic production, research, and experimentation with digital media and electronic tools.

I was originally approached to fix a PHP issue in the backend. Upon review, we realized the site had outgrown its old theme. The site needed a stronger content strategy and design direction to support the organization's vibrant community and prolific number of events. The best long-term solution would be to undertake a redesign and redevelopment of the site.

https://thefusefactory.org

Role

Design, Development, Deployment, Stakeholder training

Development details

One of the first tasks was to simplify the navigation of the site, making it more intuitive to the user. With input from their board, the main menu was reorganized to be easier to navigate.

Because of the importance of events to this non-profit, I ensured the design reflected this. I also ensured the process of adding events to the site was easier and more efficient. I added ticketing customization options and updated their payment processing functionality. This offers flexibility in the future, when the organization's events switch from online to in-person.

In terms of the design strategy, the goal was to ensure that the new site design aligns with their innovative edge, and allows flexibility for the non-profit to grow. I took a cue from the existing logo and colors to inform design direction.

Key takeaways

  • Custom WordPress theme: 21 page templates
  • Password-protected demo site, during development
  • Full designs: sitemaps, sketches, color palette, typography
  • Improved navigation, content organization
  • Dynamically-generated past event archives page, organized by date
  • Custom event sign-up forms, confirmations, integration with PayPal
  • Custom donation form
  • Descriptive backend to assist site owner in updating the site
  • Custom category filters with AJAX and PHP
  • Twitch embedded livestream, dynamically generated on specific days and times
  • Custom GSAP glowing fuse animation on homepage
  • Content migration from old site into new site
  • Client training over video conference



Accel5 Blog and Experts Pages

Project summary

This is a corporate learning product offering accelerated learning through business book summaries, videos and articles from top industry thinkers, to keep users up to date on the latest ideas in business. The goal of this project was to replace an existing blog and create a new experts listing page, while improving SEO of the pages.

Role

Development, Deployment, Stakeholder training

Development details

This project was a natural fit for a WordPress installation, since WordPress is a CMS originally built as a blogging platform. I worked with a talented designer, who provided the new designs and design system. I eliminated the SEO issues they previously experienced, by rebuilding the blog, re-organizing the blog content indexing, streamlining the back-end, and placing the pages on a separate subdomain. The focus was improving user experience, by giving users a clear way to navigate the blog, read and share articles, search the blog for specific content, and read about the growing number of experts involved in the product. The pages are tied seamlessly into the main product and marketing pages through the top navigation and in-blog content links.

Key takeaways

  • Custom WordPress theme: 9 page templates
  • Password-protected demo site, during development
  • SEO improved
  • Lightweight search feature
  • Back-end relational structure between blogs and authors, to avoid duplication of content entry
  • Focus on screenreader accessibility and semantic HTML
  • Descriptive backend to assist content editors in updating the site
  • Organization by tags and categories
  • Content migration from old site into new site

Custom HTML emails and email templates

screenshots of email templates

Development details

I enjoy the challenge of bringing email designs to life through meticulous development. I have over four years of experience developing HTML emails to be used in platforms like Mailchimp, Constant Contact, and other ESPs, as well as developing full templates for enterprise-level ESPs like Marketo. The templates and unique non-templated emails I have developed have been utilized in hundreds of corporate instances.

Rigorous and frequent multi-client testing is a necessity in email development. I use both physical devices and online software to achieve a high degree of consistency in design among email clients. I am familiar with nearly every wrench Outlook on Windows throws, and I have developed an arsenal of solutions to ensure emails will be effective on numerous clients.

Key takeaways

  • 20+ email templates, from which hundreds of emails have been created over four years
  • 40+ unique non-templated emails
  • Right-to-left language templates
  • 4 years using Marketo software to create templates

About

Top

Web development is my number one passion. Shortly after earning my graduate degree in finance in 2015, I decided I was going to turn web development from my hobby into my career. I have never looked back.

When I am not at my computer, I enjoy watching standup comedy, cooking, gardening, and doing crosswords.

Formal education:

  • Courses in web development and design | General Assembly Boston | 2016-2018
  • Courses in math and computer science | Harvard University | 2011-2016
  • Master of Liberal Arts, Finance, Dean's List | Harvard University | 2015
  • Bachelor of Liberal Arts | New College of Florida | 2007
Sallie Brooks