Projects - RWS

P1 - Planning

I began with planning and project analysis. This phase allows me to understand more about the brand, what it represents, and document key project information such as the target audience, required features, the minimally viable product (MVP), and examples for ideation.

I also define a clear scope, timeline, and budget if applicable which helps to keep the project on track. This stage is all about laying the groundwork and is largely about information-gathering; communication is key.

For this project, I gathered data on what customers were looking for in this niche to later tie that in to the final design. As for inspiration and standards, I combed through channels frequented by the target audience which included Twitch.tv, YouTube, Gamespot, and various other websites. I aimed to gather a large body of information to help me empathize with the target audience and create a more targeted design later on.

P2 - Ideation

With the groundwork laid out, I began the ideation phase. This phase is highly-iterative and typically begins with rough sketches and ends with a fully-designed mockup. The sketches allow me to brainstorm a wide variety of ideas for the layout and user experience of the site. In some projects, I will also draft a user flow chart for visualizing the user experience and page interaction. This phase is less technical and more creative; therefore, I make sure not to limit the flow of ideas and keep an open mind.

Using the sketches, I moved on to building wireframes. Based on the sketches, I laid out elements section by section with a focus on eye-catching imagery for strong product indentification. Consideration was also shown to site responsiveness, therefore separate wireframes were included for desktop, tablet, and mobile sizes respectively.

Lastly, I moved on to creating a set of fully-designed mockups with color, imagery, and icons that were ready to be translated into a fully-functional website.

P3 - Content

At this phase, I will take care of creating content for the site as it is needed. This is a short, transitional period that occurs after the final mockup has been created and before development begins.

Typically, I will create basic graphics, the site favicon, write copy, and gather media like images and videos for use on the site. I will then package this all up and prepare it for development.

For this project I carried out a few tasks:

Exported and packaged graphics, icons, and imagery. Links and attributions included for specific media.
Exported documentation as PDFs containing key data such as branding guidelines, tools, and general notes. Previews were also exported for reference.

P4 - Development

This phase encompasses a much larger list of tasks that involve building out the frontend of the project. It ends with a MVP that has core features, hosting and domain setup, and any third-party API's plugged in and ready for deployment. Progress will typically be monitored via Github and testing will occur after site goes live.

This particular project did not involve development as it was simply a landing page design project.

Rogue Wizard Studios

Project Goal

Samples

Let's Get in Touch!