project 06 *undergoing updates*
Fairview Games
Fairview Games is a Vancouver based indie game company that needed an overhaul and redesign of their existing single templated WordPress website. During this project I designed and developed a custom, highly visual, and responsive company website from scratch.
Team
Live client
Tools
Figma, Adobe Illustrator & Photoshop, HTML5, CSS3, JavaScript
My Role
Visual/Interface Design, UX Design, Web Design, Web Development
Live website:
Problem Statement
Fairview Games had a very simple WordPress site done in 2018 when they were first incorporated. The company was preparing on launching a kickstarter for their first game title, and were concerned that their web and social media presence was lacking, with the existing site containing little content or information. Working with the Community Manager and reporting directly to the CEO, I designed and developed a complete revamp of their website, focusing on functionality and communicating what they are currently working on.
Users
Prior to designing anything, it was vital to consider who the company's users of this site would be. These users included potential investors, potential publishers, press, industry colleagues (other game studios), potential customers, and could be further broken down into two categories: those that are wanting to learn about the company, and those that are more interested in the game that is being created. With these users in mind I aimed to provide a high level overview of their game with the site design, showcasing lots of images, with the option to dig deeper and see more content.
Process
One of their strengths that I wanted to showcase was the high resolution screenshots of ingame environments and scenery, especially since these visuals would be appealling for users who are discovering their project and want to see what the game's world looks like, in addition to these images being a powerful tool for conveying theme and tone.
Ideation & Wireframes
By considering who would be frequenting this site, I prioritized information that these users would want to access without having to navigate through excess pages or unnecessary content if they did not want to. I did this by creating wireframes to ideate the layout and organization of content.
Design Iterations
After establishing the color scheme and style guide to adhere to for my web design, we continued finalizing what content needed to be communicated and which images best showcased their work on the game thus far, by testing all options.
Final Implementation
For my final implementation of Fairview's custom web design, I focused on maintaining a consistent experience across all devices to improve accesibility for the users of this site. My solution aspired to be highly functional, simple to use, with a visual design that emulated the company and the project that they have been working on.
