S.T. Church Projects | Collection: App Design

4RIVRS

Contributors

Stephan Church - Lead Product Designer | Marketing Support
Dan Radez - Backend Development
Hummingbird Creative - Marketing

Timeframe

January 2025 - Present Day

Programs

App.4rivrs

The app had to cater to a dynamic audience: different demographics, responsibilities, values, industries, and sizes all while simplifying a complex process into something quick and acessible. After plenty of exploration and testing we landed on the current layout.

Site Items

There is a lot that goes into a SWPPP. However most material is rarely engaged with. We organized data from a user perspective to nest necessary but rarely engaged data from user and team tools that would serve the bulk of the user's experience.

Site Tasks

we simplified all requirements into tasks that would show up here. The user can organize, manage and complete tasks from this window.

Personnel

Allows the user to manage personnel on a high and low level.

Inspections

Informs the user of inspections coming up and leads into the inspection interface.

Charting

Allows for a quick diegetic view of site and organization performance.

Site Filters and Documents

It was important to be able to manage sites on multiple levels. By treating site options as a filter we were able to do that while maintaining a simplified user interface. The site plan was place inside of this pathway due to its low navigational prioritization and direct connection with particular active sites.

Personal Items

When initially testing tasks, users showed a pattern of confusion with the navigation in relation to tasks. To clear confusion I moved tasks from being a page to tab that persist on page...effectively making it a navigation tool for quick movement through the app.

My Tasks

Allows users a quick view of tasks that need to be completed.

Support

This serves as the app's support contact.

My Account

Gives the user access to all account related information.

Plan Builder

A big part of the appeal of the app is the plan builder. While only important for the initial stage of plan creation, it required more attention due to the inherent complexity its dynamic nature.

Head 2 Head

Contributors

Stephan Church - App Visual Design, System Design

Timeframe

Feb 2023 - May 2023

Programs

Figma | Illustrator | InDesign

I was responsible for creating the branding overview, visual language and design layout for the app. For the visual design of the app, we went with a colorful pop-art aesthetic to create a vibrant feel. The desire was to make the game more approachable to a casual audience.

We were prompted early on to stay away from brainy imagery, so I instead focused on identity as a core motif.

EmStory

Contributors

Stephan Church - App Visual Design, System Design

Timeframe

May 2023 - Aug 2023

Programs

Illustrator | Photoshop

I was tasked to create the design and structure of the app. My key goal for app development was to future proof the design to accommodate for added features. I also wanted to create fun UX features that could allow for monetization opportunities for EmStory. For more information, check out the EmStory Design document.

Create

Create an emstory with a selection of videos.

Simple Editing

Users can easily edit their story using story elements.

Collaborate

Users can invite others to collaborate on a story.

Export

stories can be exported to the server or as an individual video.

Gaia's Field

Contributors

Stephan Church - App Visual Design, System Design, Artist

Timeframe

Sept 2020 - Nov 2020

Programs

Figma | Illustrator | Photoshop | XD

Introduction

The app uses a dual design direction which structures the components by hierarchy. The main subsection uses green and white tones to give more color to the presentation while other sections remove the green. For visuals, I used silhouettes for icons and full painted images for the visual language.