Project: Creating a mobile optimized homepage for a large national non-profit from the content on their existing home page. Includes some of the process documentation, such as the inventory of existing modules on their homepage as well as a frequency versus use chart to assess what should be included in the mobile site. Documentation was designed to show the thought process behind evaluating the existing modules on the home page then helping to lead a discussion based on what the client perceived at the most important elements to include. The wireframe shows the homepage as designed to best be viewed on a mobile phone. The client's request was to consider three main business objectives:
1. Acquiring new members
2. Activating users through highlighted content
3. Creating more daily active users
Deliverables: Annotated Wireframe, Content Inventory for Existing Site, Frequency vs Use Graph
Mobile Optimized Homepage
Project: Create a mobile-optimized version of an existing homepage for a large non-profit.
Inventory of existing modules on the homepage.
Mobile Homepage Design: Frequency vs Use
Plotted the existing modules by order of importance and frequency of use in order to determine placement and emphasis on the mobile page.
Mobile Homepage Design: Annotated Wireframe
Annotated wireframe of mobile site including the most important components from the web version of the site. Modules can be repeated throughout the page to feature more or less content.
E-Commerce Site Design
Deliverables: Personas, Annotated Wireframes, Site map
Wires are included for the pages highlighted in blue. In order to differentiate the site, areas were identified where social elements and filtering could provide value to non-traditional game buyers.
Preferences-- All Pop-Ups
All of the filter pop-ups in their various stages of being set.
Tying in social media once again to encourage users to share their opinions and build up more data and recommendations for other users.
Homepage-- No Preferences Set
Homepage with strong call to action to set site-wide filters for games.
Game Detail Page
Provides a wealth of information to help with decision making, including social data as well as other reviews from the gaming community.
Homepage-- Setting Preferences
Once banner to set preferences is clicked, a scrim comes up and the user walks through the process.
Homepage-- Preferences Set
Homepage after preferences are set.
Search results page including any relevant social data to aid in decision making.
Site-wide navigation based on genre with sub-navigations to help with selection. Any site-wide filters that have been set are always visible as a part of the header navigation.
Broadband Information Page
Provides information to the Broadband providers and school staff on a family's application status and internet status for the discount high speed internet program.
Option 1: In-Line Editing
We presented the client with 3 options as to how the page could be structured, each with their own significant pros and cons. This first option would present a predefined list of students to the school staff, who could then edit certain fields in order to communicate information back to our staff.
Option 2: Native Salesforce Contacts
This second option would leverage the existing Salesforce.com setup for managing contacts in order to communicate the same information regarding student status between school staff and staff at our organization.
Option 3: Interactive Reporting
The final option, which was eventually selected to move forward with the site, was a query by form where school staff could set parameters such as grade or homeroom to select a specific subset of their students to view and edit.
Report- Export to PDF
Broadband Status Report PDF export for school staff to perform outreach.
Contact Edit Page
To edit existing student contacts in the portal.
Portal Home Page
Portal Log-In Page
Coaching Data Collection
Data collection tool and reports to support a pilot program wehre instructional coaches went into schools across the country and provided coaching to teachers on how to implement blended learning in their classroom.
Instructional Coaching Data Collection
As a part of the in-school instructional coaching efforts, coaches reported back daily on each meeting that they attended. This multi-page form (represented here in one image) collected all possible information that was needed by the coaches to evaluate the efforts of the teachers along with management to evaluate the coaching program as a whole.
Built to be consistent with the constraints imposed by Survey Gizmo.
Coaching Report 1: Oservations Over Time
Report for management to review the metrics reported by in-school instructional coaches on the observed change over time on various blended learning criteria. Built to be consistent with the existing Salesforce.com reporting structure.
Coaching Report 2: Type of Meeting
As the program was still a pilot, management was interested in seeing the type of meetings that were being held as it relates to where it falls on the scale of instructional coaching, called the Woodruff Scale.
Built to be consistent with the existing Salesforce.com reporting structure.
Report: Total Count of Hours
Reporting hours spent by each instructional coach for each teacher and school.
Report: Meeting Detials
Meeting details for management tracking by school.
Report: Pre and Post Coaching Notes
Report detailing the coaches observations before and after the coaching sessions in order to look for change after the sessions have been completed.
Report: Resources Used
Report detailing technology resources used in the classroom.
Report: Woodruff Scale
Measuring the number of meetings as ranked on the Woodruff Scale, used to measure adoption of instructional concepts.