Mormon.Org

Mormon.org Social Platform

Problem | Customer Value

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

My Role

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Discovery | Research

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Prototyping

Overview

mormon.org is a site dedicated to helping people get answers to their questions and learn more about the church and its beliefs. Different areas had different challenges that needed help to grow and become a better more performant system.

I worked on key features to provide system structure and usability early on in the process. I worked on the UX Strategy, Interaction Design & Front-End Prototyping of various features.

Discovery / Research

Understanding The Business & Client Needs

After discussions with the client, team, missionaries and members, we learned some valuable insights into the hopes and desires for the product. We also learned that there were many pain points that existed in the system and in the systems that surrounded mormon.org.

Design Challenges

  • Profile creation and approvals could take weeks or even months
  • Profiles once created failed to re-engage users to return
  • Content became stale and outdated quickly
  • Site voice was primarily spoken by the church and not the members
  • Admin Privileges funneled to one person for worldwide usage
  • Management was a separate complicated system
  • Trust between content creator and content consumer

Cross-Department Design Studio

As mormon.org had plans to grow, my team and I needed key people from other departments to participate in different design activities. These activities broke down walls and created a culture of shared ownership around future product vision.

Competitive Analysis

I started looking into social networks and personal services to understand their onboarding process and how they would collect information to cater the content their users would see. I created alternate accounts to sites I used and walked through the process to gain a greater understanding. I looked for:

  • Onboarding process
  • Questions asked
  • How to change preferences
  • Length of time it took to view content

Mapping It Out

I mapped out the flow that would allow for multiple admins at different tiers. This would allow for roles and permissions to be established and begin to solve our approval flow problem. This structure was just the start to addressing our international and localized communities.

Whiteboard Exploration

I took the ideas and research and began playing with numerous ideas and thoughts to solve the problems we were facing.
Being able to work on multiple problems allowed me to see where there were crossover and reusability.

Wireframing

From the whiteboard ideas, I began implementing the ideas into a more refined state. Wireframing a few and in some instances added them to Marvel for e as a clickable prototype.  

Conclusion

This project continued on after I left employment for another opportunity. As far as I am aware the product never launched as direction shifted throughout the organization.

testing

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Activity Notifications

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Custom Timing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Mobile Optimized

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

+12k

Nibh Elit Tristique

84

Aenean Condimentum

3,07

Quam Inceptos

24h

Ullamcorper

Results | Learnings

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

HeadNulla vitae elit libero, a pharetra augue. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Pus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Etiam porta sem malesuada magna mollis euismod.ing

Joshua Home

New York Times

HeadNulla vitae elit libero, a pharetra augue. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Pus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Etiam porta sem malesuada magna mollis euismod.ing

Nulla vitae elit libero, a pharetra augue.

New York Times

Overview

mormon.org is a site dedicated to helping people get answers to their questions and learn more about the church and its beliefs. Different areas had different challenges that needed help to grow and become a better more performant system.

I worked on key features to provide system structure and usability early on in the process. I worked on the UX Strategy, Interaction Design & Front-End Prototyping of various features.

Discovery / Research

Understanding The Business & Client Needs

After discussions with the client, team, missionaries and members, we learned some valuable insights into the hopes and desires for the product. We also learned that there were many pain points that existed in the system and in the systems that surrounded mormon.org.

Design Challenges

  • Profile creation and approvals could take weeks or even months
  • Profiles once created failed to re-engage users to return
  • Content became stale and outdated quickly
  • Site voice was primarily spoken by the church and not the members
  • Admin Privileges funneled to one person for worldwide usage
  • Management was a separate complicated system
  • Trust between content creator and content consumer

Cross-Department Design Studio

As mormon.org had plans to grow, my team and I needed key people from other departments to participate in different design activities. These activities broke down walls and created a culture of shared ownership around future product vision.

Competitive Analysis

I started looking into social networks and personal services to understand their onboarding process and how they would collect information to cater the content their users would see. I created alternate accounts to sites I used and walked through the process to gain a greater understanding. I looked for:

  • Onboarding process
  • Questions asked
  • How to change preferences
  • Length of time it took to view content

Mapping It Out

I mapped out the flow that would allow for multiple admins at different tiers. This would allow for roles and permissions to be established and begin to solve our approval flow problem. This structure was just the start to addressing our international and localized communities.

Whiteboard Exploration

I took the ideas and research and began playing with numerous ideas and thoughts to solve the problems we were facing.
Being able to work on multiple problems allowed me to see where there were crossover and reusability.

Wireframing

From the whiteboard ideas, I began implementing the ideas into a more refined state. Wireframing a few and in some instances added them to Marvel for e as a clickable prototype.  

Conclusion

This project continued on after I left employment for another opportunity. As far as I am aware the product never launched as direction shifted throughout the organization.