Media All Stars

Media All Stars is the premier poster and media guide company for High School Athletics! Each and every poster and media guide are custom designed by their in-house graphics team. What I did: Project Management, Sitemap, Wireframes, Design, Mockups, Buildout Worked within a design system set with style guides.

Client
Media All Stars
Date
3.11.21
Based In
USA
Scroll Down

The Challenge

Handling infusion of new content, adding pages, scrapping unnecessary content were all things to consider on this project.

The Design Process.

Initial UX

Sitemap - establishing the exact pages that are to be built for the site; both unique pages as well as any templatized pages. A kind of table of contents outlining what pages relate to which content on a website. A sitemap allows users to see the layout of your pages and the order of their hierarchy.

Wire-framing - grey and white simplistic renderings of *unique pages on the site to ensure all content is laid out well and also accounted for. At the design stage, a wireframe allows designers to locate the make-up of the website, where to put what buttons, what colors to use, how the user will interact with content (UX or UI) and how the interface might work.

Visual Design- Creating a suitable color scheme or incorporating the client’s color scheme into the design. Coding the site’s navigation. Designing buttons and other controls for the site. Creating mock-ups of the site for the client’s approval. Fixing any functionality issues, including the removal of “dead links”. Updating and maintaining the site. Making backup files of the site

Following Build Out -

Developing wireframes into real pages on the staging environment to view the draft up to its final rendition. First presentation at a later determined date - followed by 2 rounds of revisions. (limit two rounds of revisions) Web design and web development on WordPress platform and functionality is limited to WordPress plugins; mobile responsiveness *to be done after site has final approval*, test forms, test payments, test product purchasing.

Sample wireframe with feedback