Video Game

Grazer

Web Design

HTML

CSS

JS/Jquery

OVERVIEW

GRAZER is a 3D Western shooter set in the near post-apocalyptic future. You play as an intrepid gunslinging rancher accompanied by your loyal herd of cattle as you venture across the barren outskirts of Nevada in search of a pasture fit for your herd to graze. But beware, the route you travel is riddled with vicious bandits who will hunt you tirelessly until they’ve stolen every single one of your precious cattle!

ROLE

Lead Developer & Designer

DATE

May 2023

DURIATION

4 weeks

Project Brief

Problem

My friend was in need of a website that showcases his video game and introduces people to what his game is.

Solution

The website is promoting the game and would link directly to the page where the game is hosted. It will tell people what the game is about and highlight the environment of the game and show some screenshots with using environment assets directly from the game on the website.

Team

Sara Moen - Team Lead Design & Developer

Will Sagstetter - Project Director

Ethan Stark - Environment Art

Mae Zinnecker - Technical Artist

Howie Ramaley - Technical Artist

Define

First I went and presented my pitch to my friend who was leading the game. From there I was introduced to the rest of his team and pitched the idea to the rest of team. This was important because I would need the video game artists to create the assets for the website, and wanted to make sure they would be able to handle the work. I then pitched a moodboard and some website examples to help them understand the direction we wanted to go with the site.

Wireframes & Visual Design

Guided by the moodboard and the visual style of the video game, I proceeded to develop wireframes tailored for various screen sizes, encompassing mobile, tablet, and desktop interfaces.

Upon completing the wireframes, I advanced to the visul design and webpage development phase, employing CSS, HTML, and Javascript for coding.

Outcomes

The project concludes with delivering a fully operational website that embodies the senior show branding and showcased all of the student projects.

Through this project, I've learned that the initial idea is just a starting point. There were many variations before settling on a final design and many changes were made to the visual design while developing the website.

I've gained skills in collecting information to write website content, blending personal experiences and researched articles to shape a compelling narrative for a more engaging user experience..

View the site!