Icon x alert

Matt Richards
Matt Richards

Morgantown, WV

branding, css, html, motion graphics, photography, videography, web design

  1. SHADOW.GG SHADOW.GG — A marketing promo image featuring UI from our three products for different games (League of Legends, Counter-Strike, and DOTA 2). The perspective-style screenshot helped unify the UI stlye (where in practice they look slightly different). A more horizontal layout was used for the Twitter profile.
  2. SHADOW Logo SHADOW Logo — I never said I was good at logo design, okay? Just keeping it simple and straight-forward. Product offers data analysis & opponent scouting tools for professional gaming teams. Wanted to make it feel stark but not too "game-y"
  3. Counter-Strike Replay Viewer Counter-Strike Replay Viewer — An example of a round replay visualization for Shadow.GG. Uses the redesigned basemaps highlighted in the previous shot. This animation is an older layout. The scrubber and typography has been heavily updated, along with a new and improved sidebar area.
  4. mm1 style guide mm1 style guide
  5. King of Nordic Challenger Cup King of Nordic Challenger Cup
  6. mm1 Business Cards mm1 Business Cards — a business card mockup for an analytics product called mm1. purple color scheme belongs to parent company (dojo madness) and the green/blue scheme belongs to the product (mm1). looks a bit awkward in a mockup, looks fine in person.
  7. Pubstomper Website - Homepage Pubstomper Website - Homepage — Homepage for a brewing company startup in WV. Photo is actually something I had on my phone from Hill Country BBQ in DC.
  8. Brewnet - Dashboard UI Brewnet - Dashboard UI — UI for Brewnet. Meant to help track brewing projects (homebrewing or professional), as well as recipes, real-time monitoring, inventory, etc. This dashboard view highlights the various active projects, as well as shows their time-to-completion.
  9. Radical Thread - Help Center Mockup Radical Thread - Help Center Mockup — Help center mockup for the radical thread co. Implemented style guide into look+feel.
  10. Stylish Pricing Table Stylish Pricing Table — Cool pricing table concept, remixed to make it slightly more stylish and somewhat Squarespace-esque. Love the airy spacing, clean typography, and the thick-but-oh-so-subtle border. Really digging it!
  11. Radical Thread Style Guide Radical Thread Style Guide — Short style guide I put together for a rebranding concept for a custom-made bridesmaid dress ecommerce store. Was trying to keep it light, bright, and friendly. :)
  12. EventVODs Dashboard Overview EventVODs Dashboard Overview — First attempt at the UI for an event video management system. Still an early concept. First attempt in awhile at a dark color scheme for a UI -- really like how it's coming out. Here's a code sample of some button ideas for the project: http://codepen.io/mattc0m/pen/OVaVZX
  13. Sprawl II "Cover" Sprawl II "Cover" — Just a fun little photo manipulation project. First time working with the double exposure effect - it's a lot of fun, haha.
  14. Versio UI - Overview Page Versio UI - Overview Page — A look at the latest iteration of the UI for Versio.
  15. Versio Homepage v2 Versio Homepage v2 — a concept for the new homepage for the versio website. view the @2x for more detail. cheers!
  16. Public Site Map Viewer Public Site Map Viewer — An idea for what a public site could look like, that you can generate with a piece of geospatial data using a web app. Selector tabs will switch between different map views. Would show a map that was crowd-sourced (thus listing the contributors at the bottom). Yes, I used a Paris map to demonstrate a NYC example. My bad.
  17. Drag & Drop Upload Box Drag & Drop Upload Box — First version of a drag and drop upload box that requires three different, linked files to have a successful upload. Each file will animate and fill up their respective boxes when successfully selected.
  18. Pricing Sheet Pricing Sheet — just a sample pricing sheet, trying some minimal flat UI style
  19. Colorful Workflow Slide for Product Development Colorful Workflow Slide for Product Development — re-worked a slide i liked a lot from a google ventures slide, using brighter colors and a more "layer"-like aesthetic. original slide @ http://www.gv.com/lib/startup-design-what-really-matters
  20. Logo with a Compass Logo with a Compass — tried to do two variations of the same logo (one proxima nova light, one proxima nova soft). i'm not a logo designer, but i tend to make a lot of logos, haha.
  21. Versio Version Explorer for Geospatial Data Versio Version Explorer for Geospatial Data — A quick behind-the-scenes look at a new feature for Versio called the Version Explorer -- it shows all the changes made over time in a "timeline" style design.
  22. Versio Brand Guide (very early) Versio Brand Guide (very early) — Very early concept of a brand guide for Versio. Just helpful for building UI elements and general style off of -- very undeveloped so far. Any thoughts on what to build next? Cheers,
  23. Versio Sample UI Elements Versio Sample UI Elements — Just a few sample UI elements from a more comprehensive brand guide. Trying to keep things neat, tidy, yet stylized for the Versio UI. Just some of many design patterns throughout the app.
  24. The Dyrt - Homepage The Dyrt - Homepage — Homepage for the newly launched www.thedyrt.com that I created. Features Open Sans as the primary header font, and Merriweather for the body font. Check the @2x at the top for more detail. Check out the developed version at www.thedyrt.com More pages to be uploaded in the coming days.
Loading more…
close