UX/UI - 2018

EncompassNow Redesign Package

Higher Education customers are always looking for ways to redesign their Foundation & Advancement sites in a quick, efficient, and cost-effective way. Me and a few other members of the iModules team came up with new package offering that would allow customers to pick from a finite amount of options and themes giving us an expedited timeline through the design and build process.

Step 1: Wireframe Options

Customer will start by selecting a header, footer, 5 homepage sections, and one interior template layout using the variety of options below.

Header & Footer Options

Rotator, Testimonial & Text Block Options

Content Layout Options (News or Events)

Campaign Progress Indicator Options

Step 2: Wireframe Examples

With their options selected they can start to picture how their new web design templates might come together. Below are a couple examples of common elements people might select based on needs for their Foundation redesign.

Foundation Homepage Wireframe

Foundation Left Column Interior Wireframe

Foundation 3 Column Interior Wireframe

Foundation Full Width Interior Wireframe

Step 3: Choose your theme!

Now that the customer has chosen their respective options and visualized how it will come together, it's time for them to pick a theme before we start the build process.

Theme 1 Homepage Example

Theme 1 Interior Example

Theme 1 Giving Form Example

Theme 2 Homepage Example

Theme 2 Interior Example

Theme 2 Giving Form Example