Product Website & Portfolio

Portfolio

(Featuring new fintech content … )

Review some of my work, including efforts supporting release of fintech products, customer-facing marketing content, and website management and consulting.

Image of banking Service Agreement Page
Image of mobile main menu page
Image of ETS customer-facing website

In-Product Banking Content

I helped to design the experience by providing the copy for in-product, self-service experiences, including replacing a card, configuring card alerts, and locking or unlocking a card. Banking (Fintech) content design or UX writing did not differ from client to client. While the methodology, i.e., Agile or Waterfall, differed, the process of writing was always the same. In the banking industry, compliance rules the day. Every piece of content had to passed through a team of attorneys before we could publish them. It became advantageous to reach out to the legal team and work directly with them to avoid blockers or bottlenecks in the publishing process.

Compliance-related copy

Image of writing sample within context of banking app page

Ask a Lawyer

This is an example of content I worked on with one bank’s legal and design teams. The content was pulled from a reusable repository but fitted for a credit card project. The overall challenge was to develop a message that fit the bank’s brand and tone but held to the compliance standards that protected users from any fraud or abuse.

Educational Testing Service

Educational Testing Service (ETS) is known for its administration of a few certification and student exams, with the most popular being Praxis (for teachers) and the GRE (for students). I had the opportunity to liaise between our coding team and marketing managers to ensure that product copy followed ETS style and brand guidelines. We mostly collaborated on verbiage, placement of copy, and formatting (helping marketing teams create experiences that aligned with development and ETS brand guidelines.

Example of some of the work I did with TOEFL:

Picture of the ETS TOEFL Landing Page during my time working on the content.

:

Explanation

I was responsible for all content between website header and footer. That included:

  • The URL ender/page title
  • Navigation display copy
  • Banner copy (edited and styled in collaboration with design team)
  • Page content header (H1 and H2) breakdown
  • Body content
  • Links/urls
  • Right Panel Contextual Content
  • Page accessibility (scanability, alt text for images, link copy and destination matches)

Keeping everyone in the loop with accessibility

As part of the editing team, I was responsible to ensure page accessibility. In general, that includes:

  • Easy-to-understand content
    • Tested using readability scoring tools
  • Alt text for images
  • Format for easy page scanning (use of headers and page spacing)
    • Remember the classic F shape
  • Descriptive link
    • Descriptive link copy goes helps users ensure they are going to the intended page. This is especially important for those who use visual assistance technologies like screen readers. Imaging seeing a suspended link that just says, “Learn more.” This could work when placed in very specific context, but when by itself, it begs the question, “Learn what?” or “Where are you taking me?” Descriptive link text helps to avoid that confusion.

Example of accessibility (descriptive link copy)

National Association of Social Workers (NJ Branch) (NASW-NJ)

The NASW-NJ hired me to help migrate their website content from one content management system to another. This included all website content, including documentation, FAQs, general testing and licensure information, etc. While working the project, I noticed that there were improvements that could be made to the FAGs section.

Improving the NASW FAQ Page

NASW FAQ Landing Page (Before)

The landing page for Licensing FAQs was not very accessible. Some rules for page accessibility include:

  • Readability: Confuse your readers with complexity and sophistication. or you can avoid using jargon or complex language. Use readability testing tools.
  • Page navigation aids: Clump all of your information together without so much as a hint to what I’m looking at a glance, or give me clear headers, aesthetic spacing
  • Descriptive link text: Tell me you don’t care much about my experience navigating your site without telling me you don’t care; or better, plainly tell me where I’m going and or build it into the context.
NASWNJ FAQs section before an update


New & Improved FAQs Page

Benefits to improving the user experience

After a technical review of what tools were available in the CMS, we opted for reorganizing the content into a cleaner experience using accordions. The page required more scrolling, but the page was less cluttered and more user friendly.

  • Better Experience for Everyone: Making your website easy to use benefits all visitors, not just those with disabilities.
  • Legal Requirements: Following accessibility guidelines helps you comply with laws that protect people with disabilities.
  • Reach More People: An accessible website can be used by a wider range of people, including those who are older or have temporary issues like a broken arm.
  • Higher Search Rankings: Search engines like accessible websites, which can help your site show up higher in search results.
  • Positive Brand Image: Showing that you care about accessibility can make people think more highly of your brand.
  • Lower Support Costs: Clear and accessible websites lead to fewer user problems, reducing the need for customer support.
  • Longer Visits: Visitors are more likely to stay longer and explore more of your site if it’s easy to navigate.
  • Better Mobile Experience: Accessibility improvements often make websites easier to use on mobile devices.
  • Stand Out from Competitors: An accessible website can help you stand out from other businesses that don’t prioritize accessibility.