Product Design

United Bible Societies

August 2023 - November 2024

Overview:
I was originally hired to create an e-commerce site for a member Bible Society within the United Bible Societies based in Latin America in order to raise online visibility. However, after user research and halfway through wireframing, priorities shifted towards a company website. Regardless, I was able to lead the end-to-end process of creating a website for this company. Although this project isn't complete, I can still present some of the work I've done.

Due to extenuating circumstances, many identifying details are blacked out.

Team:
Solo

Role:
Product Designer

User Research

E-Commerce

The first step I did was conduct user research to understand client pain points regarding their purchasing experience. After interviewing 30+ clients, I was able to gather some findings that were presented in a 40+ page report and shared with the sales department. Some of the most important findings were:

  • Letter size is the deciding factor: Clients shared that the letter size for a Bible is the most important feature for them since larger letters are easier for them to read.
  • RV 1960 is the winning version: Reina Valera 1960 constituted 68% of the purchases made, and is the most popular version.
  • Large varieties make large problems: Clients' biggest complaints was not knowing what to pick since there's a large variety and limited information online and only 2 salesladies on the floor at any given time.
  • Social projects are largely unknown: 87% of those interviewed did not know that we were involved in social projects.
  • Phone is king: 90% of clients mainly use phones over computers when accessing the internet.
Stickies with content from user research. Top one says "#23 - “The salesladies attend me very well, I only have to ask and they help and guide me to find what I need.”" The second one says "#2 - “There is a large variety in products, they’re all attractive and I wish I could take all, but I have to choose one.”" and the last one says "#3 - “Places that I frequent and interest me, I feel like we need to be aware of things”"

Company site

After priorities shifted from e-commerce to a company website, I had to leverage the user research to save time.

  • Letter size is still important: Since clients shared that larger letters were easier to use, it was important for me to choose a font, text size, and text height that increases legibility.
  • RV 1960 as a guide to readability: The reason Reina Valera 1960 is beloved is because according to clients, it's the easiest to understand. From this, I made sure that text in the site is free of jargon, and clear to understand.
  • Guide to versions: Although the site is no longer a commercial one, it was still important for me to consider a version guide to give clients more information about the selection that's offered. Next to every version, the logos would be to the side for clients to orient themselves since every logo is in the cover of every Bible.
  • Highlight social projects: Since there was a large gap in knowledge regarding our social projects, there was an opportunity to showcase every project in the site.
  • Ensure responsive design: Although responsive design was going to be implemented regardless, it's still important to highlight its importance.

In being able to turn these findings around, I was able to find ways in which cognitive accessibility could be improved.

Logo of Reina Valera 1909 Bible version. It is a stylized open Bible with "Reina Valera 1909" belowLogo for Reina Valera 1960. There is a crown with "Reina Valera 1960" below it.Logo for Reina Valera 95. It is a stylized logo with a person with an open Bible below them and "Reina Valera 95" below.Logo for Contemporary Reina Valera Bible version. It is a stylized "RVC" with "Reina Valera Contemporánea" below.

Design and Prototyping

E-Commerce

After user research, I was able to start wireframing and making mid fidelity designs for the e-commerce page, guided by the findings and results from the research.

Mid-fidelity mockup for a product page. The product is a Reina Valera 1960 Bible meant for kids.

Company

After the shift, I had to leverage the designs I made and repurpose them for a company website. Some major expansions I made were:

  • Expanding on company history: One of the client's requests were to share the company history, and showcase the company's values.
  • Project deep dives: Projects are in the front and center, since they are the core of the company. Since almost 90% of clients did not know about their social projects, it was essential to highlight them and showcase the company's impact through their work.
Redesigned home page for company purposes instead of e-commerce
Screen showing the company's about page
A sample image of a project page for the company

Localization

One of the business's main objectives for the new company website was to add English into the site so that it's accessible for a wider audience.  
I was able to work on localizing the content, maintaining cultural relevance and linguistic accuracy.
Gif of a cursor going over a locale switcher. When the mouse hovers over, the dropdown opens to show "Español" and "English" as options. On top of the dropdown is the United States flag, the "English" label, and a dropdown icon. The cursor quickly goes over the screen and leaves to show the interactivity.

Optimization

As mentioned, the main reason for this project is to increase online visibility. Since the site isn't yet launched, I found other ways in which we could increase our online presence. One way I achieved this was by taking the initiative to add all branches from this local branch on Google Maps.

I was able to update 3 existing branches, and add 6 new ones. I also standardized the information across all profiles to present accurate information.

These efforts led to a 30% increase in online visibility.

That was a lot! Jump to top?
EmailLinkedIn