Icon x alert

Matt Richards
Matt Richards

Morgantown, WV

web designer who dabbles in motion graphics, videography, photography, and other digital and creative spaces. trying to bring the new design hotness.

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.
or sign in
Loading more…
close