Corey
Van Hoosen

  • Front-end Development
  • UI/UX Design
  • Game Development

Work

Mage Guild

Game Development
Screenshot from the game Mage Guild: Atlantis Level Screenshot from the game Mage Guild: Arena Level Screenshot from the game Mage Guild: Astral Plane Level

US Figure Skating

Front-End Development & UI/UX Design
Screenshot of a US Figure Skating Desktop UI Screenshot of a US Figure Skating Mobile UI

HelpCounter

Front-End Development & UI/UX Design
Screenshot of a HelpCounter Desktop UI Screenshot of a HelpCounter Mobile UI

Monarchies.io

Game Development
Screenshot from the game Monarchies of Wax and Honey Screenshot from the game Monarchies of Wax and Honey

Fictus

App Development
Screenshot from the app Fictus: Instructions Screen Screenshot from the app Fictus: Main Menu Screenshot from the app Fictus: Submit Prompt Screen

The Draft Authority

Branding & Web Design
Screenshot of a website for The Draft Authority: Desktop Screenshot of a website for The Draft Authority: Mobile

About

I am a Front-End Interface Designer & Developer with a BA in Graphic Design from Portland State University. I currently work as a Front-End and UX Developer at US Figure Skating.

I have experience both as part of agencies and as a freelance consultant, designing flyers, logos/branding, illustrations, infographics, and developing websites, mobile interfaces, and web games.

With one hand on the design side of things, and the other in development, I am proficient not only in translating ideas to be visually intuitive but also in making them functional and interactive.

I have worked with clients to create visually compelling keynote presentation slide decks on the topics of philosophy, religion, technology, medicine, and politics.

I am proficient in organizing and clarifying complex ideas and information to bring strong, clean visuals to whatever form of visual communication I am designing for.

Around the Web

Mage Guild

Game Development

Mage Guild is a tactical turn-based wizard dueling game.

I developed this game using the Phaser Javascript game framework, creating graphics for it in Adobe Illustrator, and animating it using Spine 2D. Multiplayer was implemented using Firebase Firestore as a backend.

The player starts in their wizard tower where they can change the appearance of their mage, select their spells from their spell book, then head out to duel other mages and learn their spells.

Front-end Development & UI/UX Design

Since 2022, I have been working as a UX & Front-end Developer at US Figure Skating. My role involves transforming design mockups into fully functional front-end solutions and collaborating closely with back-end developers.

My responsibilities span the entire development lifecycle, from requirements gathering to the creation and enhancement of pages and features on the US Figure Skating and Learn to Skate USA® websites and applications. I craft UI mockups based on requirements and handle all front-end development once new user stories are approved.

Operating within a SCRUM framework, this role has honed my ability to work effectively in team settings, navigating a thorough process from requirements gathering through QA testing and release.

Screenshot of US Figure Skating Compliance Report UI Screenshot of US Figure Skating Coach Profile UI Screenshot of US Figure Skating Coach Directory UI

I have enhanced the styling and developed new features for US Figure Skating's Event Management System using VueJS, Typescript, and C#.

Screenshot of US Figure Skating Event Management System UI Screenshot of  US Figure Skating Event Management System Mobile View

I am working on a redesign of the Learn to Skate USA® public-facing site, currently unreleased. I developed a custom Drupal theme for the CMS and created a complex multi-step signup form for new members.

Screenshot of Learn to Skate USA Website Redesign Figma Boards Screenshot of Redesigned Learn to Skate USA Home Page

I proposed and developed a prototype for a new application using Vue 3 and Quasar, aimed at integrating several outdated interfaces into a modern, fast, sleek, and responsive hub for US Figure Skating members.

US Figure Skating Application Prototype

HelpCounter

Front-End Development & UI/UX Design

I worked with HelpCounter from 2016—2022 doing work on their branding, web design, updating outdated UI, and developing a suite of apps that cater to different aspects of school volunteer management using Angular and Ionic Framework.

Home Access App

For Parents and Volunteers

View and sign up for opportunities at your school, record your hours volunteered, and keep your information current with your volunteer coordinators.

HelpCounter Home Access Main Page

In The Building

For Teachers and Administrators

In an emergency, instantly know which visitors and volunteers have signed into your school's HelpCounter Kiosk or still need to be accounted for.

HelpCounter Who's in the Building HelpCounter Who's in the Building Emergency Locator

Kiosk

For Volunteers and Visitors

A hub for signing people in and out of your school.

HelpCounter Kiosk Splash Screen on Tablet HelpCounter Kiosk Sign In/Out HelpCounter Kiosk Volunteer List HelpCounter Kiosk Visitor Sign In

Administrative Work Area

Front-End Web Design and Development

I modernized old interfaces for school administrators to manage their district-wide volunteer management.

HelpCounter Administrative Work Area: View and Edit Classrooms Page HelpCounter Administrative Work Area: Send Email Page HelpCounter Administrative Work Area: Manage Activities: Calendar View

HelpCounter.net

Front-End Web Design and Development

I developed this responsive site for HelpCounter using Bootstrap. I also created a set of hand-drawn aesthetic illustrations to add a bit of personality to the brand.

Screenshot of Helpcounter.net Front Page

Monarchies.io

Game Development

Monarchies of Wax and Honey is a top-down real-time, free-for-all game in which the player controls a queen honey bee.

Build a hive, lay eggs, and set tasks for your worker bees.

Workers can forage flowers for nectar and pollen, nurse brood to birth new workers, groom mites off of each other, build new cells onto your hive, and defend against wasps.

I developed this HTML5 game using the Phaser JavaScript framework.

Graphics created using Adobe Illustrator and animated using Spine.

Available at monarchies.io and on the Play Store.

Group of bees Bee getting attacked by a yellow-jacket. Bee on a flower near a giant wasp.

Fictus

App Development

Fictus is a collaborative creative writing app I developed using Angular and Ionic Framework for the front-end and Firebase as a backend. The UI was designed in a neumorphic visual style meant to look like premium paper.

Submit and vote on story passages with other users to collaboratively write stories.

Matches begin when a user selects a genre and prompt to begin the story with. Users then write out a passage of what they think the next part of the story should be before moving onto the voting stage where users pick the best passage. The next rounds begins where the previous round left off building upon the story. Completed stories get added to the app's library for other players to enjoy.

New prompts can be written and submitted for other users to start their stories with.

Available on the web at Fictus.app and for Android devices at the Play Store.

Fictus Instructions Screenshot Fictus Instructions Screenshot Fictus Instructions Screenshot

The Draft Authority

Branding & Web Design

The Draft Authority is a draft systems installation and maintenance startup. They chose me to work with them to create a logo. They also wanted me to develop a website for them to establish their visual brand.

I got to know their preferences and ideas with which I came up with several logo options, font pairings, and color schemes. Their feedback was taken at every step along the way until we arrived at a brand we were all pleased with. The final logo combines tap beer systems and a local Pacific Northwest landmark framed by a badge shape to reflect the Authority aspect of their name.

Once their visual identity had been completed, I met with them to talk over their web design. I sketched an outline for their website on the spot, adding and removing from it as we discussed what parts they wanted to include and the information they wanted to convey. I took the outline and solidified it into a full design in Adobe Illustrator.

When the design of the site was approved, I then got to work developing it as a responsive Bootstrap site.