Robert J. Morgan Website

  • UX/UI Design
  • Branding
Robert J. Morgan

Project Overview

Author and speaker, Robert J. Morgan, was entering into a new phase of his ministry. He was in need of a new website that would give his user base a place to purchase his books, see his upcoming speaking events, read and listen to his weekly content, watch his video courses, and more. The style of the site needed to be cohesive with the new brand we had developed for him as well.

My Role & Responsibilities

  • Lead Designer
  • Research assistant
  • Wireframe and high fidelity mockups
  • Testing
  • Front end development

Analytic data for Robert J. Morgan
User analytical data

Audience Research

By studying website analytics and mailing list demographics, we were able to gain a better understanding of Rob's audience. This data allowed us to pinpoint who we needed to keep in mind while designing the site so that we could create an experience that would better appeal to his user base.

Stakeholder Discussions

Key discussions were conducted which allowed us to:

  • Gain insights and knowledge as well as stakeholder expectations
  • Brainstorm functionality as well as understand technical capabilities and limitations
  • Ensure that we aligned our design and content efforts to the ministry's vision.

Wireframe mockups for Robert J. Morgan
Lo-fi wireframe mockups


Once the scope was identified for the new website, I worked on:

  • Developing sitemaps to aid in the design of user flow for the customer.
  • Creating wireframes to determine what information was needed on each screen and how that should be configured.
  • Creating detailed mockups illustrating how the website would look and feel.
  • Establishing the design system which included the style guide, UI components and guidelines.

Design system for Robert J. Morgan
Website design system & style guide
Hifi design mockups for Robert J. Morgan
Hi-fi design mockups

Development & Testing

Once the design guidelines were set and mockups approved, I moved on to the development phase, which included:

  • Creating a custom theme on the Wordpress platform.
  • Coding functional HTML & CSS for all areas of the website.
  • Creating a responsive framework that would work visually on both desktop, tablet, and mobile devices.
  • Ensuring theme seamlessly integrated with third party features (e-commerce, forms, etc.).
  • Testing the functionality of all elements on the website.