Select Page
Northern Environmental

Northern Environmental

Scott Norris

Interactive Experience Design

< Back to Projects  |  Client: Northern Environmental | Launched 2022

Northern Environmental Website

Projects: Northern Environmental

Role on Project

I was the sole contractor on this project.

I managed all client meetings and discussions. Working with the client stakeholders I defined the target audience and primary and secondary goals of the website. Based upon user research and stakeholder requirements, I designed the site UX to optimize the top priorities.

Creating wireframes and mock-ups, I attained stakeholder approval.

I built the website using Wix website builder which was the client’s preference as this was a rebuild of the existing website. 

Tools & Technology

  • WordPress
  • Adobe Photoshop
  • Adobe Illustrator
  • Wix website builder
  • SEO Tools: Yoast, SemRush, Spyfu

 

 

This project went from a simple re-facing to a complete over-haul of an existing website. From SEO, user personas, wireframing and design, this site went through a complete cycle of re-development. The only thing that didn’t change, regretfully, was the platform.

© copyright 2023 | Monkeyhouse Media | All Rights Reserved.

Gen Con: Mobile App

Gen Con: Mobile App

Scott Norris

Interactive Experience Design

< Back to Projects  |  Client: Gen Con, LLC | Launched 2019

Gen Con Mobile App

Projects: Gen Con Mobile App

Role on Project

My role on this project was UX / UI Design and front end developer. I also played a supplemental role as project manager.

I created the base design documentation, UI mockups and wireframes. I performed user research and had a prominent role in stakeholder testing.

For this project I had to learn ReactNative to become very familiar with JSX and how CSS is applied in React.

I also created all visual assets for app icons, screenshots and related marketing material for app stores. 

Tools & Technology

  • Adobe Photoshop
  • Figma
  • React Native
  • CSS

 

We created a mobile app for Gen Con and related conventions.

The app is built in ReactNative and is available for Android and iOS. The app served many of the same functions as the website, but some specialty features for electronic ticketing.

The app integrates many site features such as event searching, convention map, attendee schedule and ticket purchase.

The app allows Event Hosts to scan badges for electronic tickets eliminating the need for paper tickets.

© copyright 2023 | Monkeyhouse Media | All Rights Reserved.

Gen Con: Gencon.com

Gen Con: Gencon.com

Scott Norris

Interactive Experience Design

< Back to Projects  |  Client: Gen Con | Ongoing Support

Gen Con Website

Projects: Gen Con Website

Role on Project

As part of a small development team, my primary role on GenCon.com has been as a front-end developer, managing end-user experience, creating, improving view files (HTML, HAML) and managing the overall styling. The CSS for this site utilizes the Sass library and sophisticated tree of Sass includes

I serve additional rolse as needed as Project Manager and UX / UI desiger for various features and for overall site layout and design.

Tools & Technology

  • Adobe Photoshop
  • Adobe Illustrator
  • Sketch / Figma
  • HTML5 (HAML)
  • CSS3 / Sass
  • JavaScript (ES6)
  • ReactJS
  • Ruby on Rails

 

 

GenCon.com is a robust website and web application supporting Gen Con, the premier convention for board games, RPGs, trading card games and table-top games of all kinds.

This site is built on the Ruby on Rails platform, but also consists of various features built in ReactJS and other JavaScript applications.

This site serves to not only market and support the convention, but run the show as well. Various features manage exhibitors, badge and ticketed event system, convention management and onsite point of sales system.

For the end-user there are features to manage schedule, private and group chat, search for events, map search and community forums.

© copyright 2023 | Monkeyhouse Media | All Rights Reserved.

Gen Con: Looking Glass

Gen Con: Looking Glass

Scott Norris

Interactive Experience Design

< Back to Projects  |  Client: Gen Con, LLC | Launched 2020

Gen Con: Looking Glass

Projects: Gen Con Looking Glass

Role on Project

My role on this project was as Project Manager, UX designer and front end developer.

I created the base design documentation, UI mockups and wireframes. This project involved a lot of proof of concept mock-ups of various designs to get stakeholder approval.

The background was created in Photoshop at varying sizes for details to appear on zoom.

I created the the exhibitor icons and exhibitor windows using HTML (Haml), CSS and dynamic SVG rendering.

Tools & Technology

  • Adobe Photoshop
  • Adobe Illustrator
  • Figma
  • CSS / SVG
  • HTML (Haml)
  • Ruby on Rails Platform

 

 

The Looking Glass was created in 2020 for an alternative to an in-person exhibit hall. The Gen Con convention had gone online. This feature was a cornerstone of the online convention.

Looking glass dynamically displays exhibitor tiles in a virtual space. Each exhibitor tile opens to details which includes company information, important links, product shots and other details.

The map is searchable by keyword and exhibitor category. Searching filters the tiles setting non-results to translucent objects.

© copyright 2023 | Monkeyhouse Media | All Rights Reserved.

Douglas Granum

Douglas Granum

Scott Norris

Interactive Experience Design

< Back to Projects  |  Client: Douglas Granum (Artist)

Douglas Granum Website

Projects: Douglas Granum

Role on Project

On this website I work as a collaborative and creative partner with the Artist and client.

Researching various sources, we designed a layout approach together that worked for his vision. I created the layouts in Figma for approval, then built and modified iterively as we went along.

I create most of the content, subject to Doug’s approval, as well creating all graphics. I also manage the creation and design of monthly email campaigns using Mailchimp.

I built the website using WordPress and the Divi theme to make it easy to manage and update content. Working with a contracted DevOps consultant, I set up a local development and staging deployment workflow using git and Bluehost staging sites to make ongoing development more fluid and less risky.

Tools & Technology

  • Adobe Photoshop
  • Adobe Illustrator
  • Figma
  • WordPress (Divi Theme)
  • CSS3

 

 

The DouglasGranum.com website is a site to promote the works and ongoing art practices of the artist Douglas Granum. 

His work has spanned decades, featuring large-scale bronze sculptures and massive stone and earthworks. His work is broad working in bronze, stone, glass, wood, painting and more. Recently as well he is writing creative fiction.

As an eternally creative person, the client, Douglas Granum wanted an ongoing approach to site content, almost like a magazine that would be able to feature current works as well as highlight past works, and honor partner creatives in the field.

© copyright 2023 | Monkeyhouse Media | All Rights Reserved.