Do Epic Shit
I am a Designer, Weightlifter, Bass Player, Book Reader, Hiker, Awesome Friend, Great Brother, Stellar Son, Art Collector & Overall Cool Dude.
Do Epic Shit
I am a Designer, Weightlifter, Bass Player, Book Reader, Hiker, Awesome Friend, Great Brother, Stellar Son, Art Collector & Overall Cool Dude.
Hi, I'm Matt. Flojoso is a portmanteau of the spanish words flojo and oso meaning lazy bear or as my family meant it, laid back bear. For as long as I can remember I've been called Oso or Bear or some mixture of that, I also pretty much think that the bear is my spirit animal.
I'm an easy going guy from a small farm town with an interest for many creative endeavors. A passion for clean design and a simple user experience are driving factors in my professional career, if it's creative I probably enjoy doing it.
I love the process of design, getting a problem to solve, mapping it out, looking at variables and options, executing, refining, testing and refining some more. It's fun to find an elegant solution to a complex problem, stripping away the alleged necessities to find the core of what's really needed to make a solution. Finding the diamond in the rough and bringing it to a high polish.
I enjoy working on a range of projects from creating apps and websites to branding and engaging motion/interaction projects.
If you want to know a little more about me check out my résumé
Currently making some sweet products at Google.
Working as the user experience lead on this project I worked directly with the client, development team, and guided other designers on all aspects of this project.
I was brought on to this project after a version 1 release had already gone out. My objective for the next release was to convert the existing application from a basic call center application to a full 360 view of a students lifecycle. The goal of the application is to support college students in their academic process by allowing advisors, teachers and the student easy communication across a multitude of platforms.
The goal of the application is to increase student retention and increase the graduation rate while streamlining the amount of time a student is in college. By giving college executives a portal to see high level information, advisors and teachers access to student needs and issues, students access to their program and financial info via a native app everyone in the process is able to assess needs and concerns 24/7 to help at all points of a students lifecycle.
Wireframes were the starting point for the majority of my work on this project, these laid the foundation for the changes that were to come in version 2. With a complex project like this and many stakeholders on the client side we used these wireframes to stay nimble and make quick changes so we could nail down functionality and interactions.
A comprehensive styleguide was carried over from version 1, this made the transition from wireframes to high fidelity mockups incredibly quick.
This application has so many features that it would be easy to get lost in it. So to keep things simple and not distract from the main function of the application, which is to address student needs and close issues, non-pertinent information was placed in expandable areas and dropdown. By doing this I was able to place emphasis on student issues while still giving access to key features as needed.
I was an interaction designer on the in-house team for American Specialty Health. I worked closely with the interaction design manager, other interaction designers, business stakeholders, project managers, and executive team at American Specialty Health in order to ensure the design vision was properly meeting business needs and decisions while being executed properly once designs were approved.
The American Specialty Health corporate site hadn't been touched in years and was in big need of an update. As the in-house team we were tasked with a massive overhaul to modernize the site, make it fully responsive and to meet a three part objective: highlight our services to make it easier for new clients to assess our abilities, showcase our research and press releases, and finally to make it easier for potential employees to find and access jobs.
The prior design was extremely out of date and in desperate need of an update. It hadn't been touched in about 7 or 8 years and had no current web standards applied to it. It wasn't responsive, had no analytics and most importantly didn't convey the message of a forward thinking healthcare company looking to change how people and companies can manage fitness.
A set of wireframes were built in Balsamiq to help us quickly move through various options and share various ideas with stakeholders in the project. Rapidly moving through ideas on such a large project helped us figure out what was working and what wasn't and figure out areas where we could experiment until ultimately finding the proper solution to flesh out. View Additional Wireframes
Once a direction was developed and we had approval from the various stakeholders in the project the next step was create a set of design elements that would fit the brand and culture of the company. From color palette to buttons to menu elements we tried to think of it all to help the design and development teams create a clean and consistent project from the homepage to the 404 page.
The final designs came together in a cohesive system that was able to acheive the goals we set out at the beginning of the project. With a seamless flow the site was able to communicate the various areas of business for the company and help the different types of site visitors easily achieve their objective on the site. Whether looking for a job or finding informational resources with the new site it is a breeze.
As an interface designer working on a start up team I had close communication with project managers, engineering, front and back end developers, quality assurance testers, BK marketing, and our creative director. This allowed us to see and test things from conception to completion to ensure a quality product.
Having worked with various franchisees from Burger King using our established self service kiosk platform the coporate office had come to us with an idea to expand their offerings to customers with a food delivery service. They had tested new packaging concepts and delivery models in Japan and wanted to see if it was a viable option to bring to the united states. The pilot program started on 3-4 restaurants with focus on a college demographic.
With such an in depth project with multiple flows and various user types it was imperative to define the flows early on to help define key screens to wireframe and also show where we would opportunities to place upsell items and see potential sticking points.
In depth wireframes were completed to show exactly how an order would happen. With many different ordering options and combinations it was vital to see how this process would happen before we began any sort of development would happen. Often quick paper prototypes would be produced and shown to the client to get approval and then we would forward the functionality along to our dev team. This process allowed an efficient back and forth process between client, design, and development that led to quick development cycles and quality client engagement.
View Full Wireframes
I worked closely with the owner of JUMP., Kaitlin, and photographer to lead the art direction and design to get her new website looking and working exactly how she wanted.
JUMP. Fitness was in desperate need of a redesign. The prior site was built using the GoDaddy Web Designer feature and wasn't very useful in terms of engagement, customizeability and updating. JUMP. wanted to be able to self maintain and add some interactivity to the site, with that said we set her up on a fully responsive custom wordpress site with a simplified backend so site edits would be quick and easy for any user. Blog posts could be easily published and reviewed, photos could be swapped out and updates for bootcamps were easily updated.
Within the first week of the site being up JUMP. received new clients from all over the country and even a few from across the pond in Europe. The increased visibility also landed her new personal training opportunities at fitness clubs throughout San Diego.
After discussing the overall look and feel that JUMP. was trying to achieve a simple two color black and blue approach was agreed upon. This would make it easier for their web presence to also match the rest of their branding and style that they were going for. Once the site was built and released new marketing materials were created and the new JUMP. was announced. The ease of updates by using Wordpress as a CMS has allowed JUMP. to leap to the next level!
As the secondary Interaction Designer on this project I worked closely with the main interaction designer to support him with various documents from wireframes, style guide and final mockups. Together we worked with business stakeholders, development, IT, and marketing to create an update to our ASH Link website that would modernize and simplify all aspects of the site.
ASH Link is a site that allows Providers, Fitness Faciilities and Members to access resources and features depending on what type of user they are. Their user type allows them access to member eligiibility, process claims, access resource materials, a comprehensive educational library, and receive notifications and newsletters about the latest benefits.
With so much information to access it was important to create a site that had a simple and direct focus that was easy to navigate to the information needed while quickly identifying the type of user you are so you're not inundated with information that isn't relevant to you. Working with the main designer on the project, Oscar, I was able to help him clean up and finish a clean site that modernized ASH Link and engaged its users.
Knowing that this project was going to have a great deal of assets and various user types depending on login credentials the wireframes really helped the team to determine what would be reusable across various user types and what would need to be rethought. We also took these wireframes to make paper prototypes to find pain points and address any nonfunctional user flows. View Additional Wireframes
As wireframes were out for approval we were creating the user interface elements and style guide to inform the visual design for the wireframes and project as a whole. By following this process we decreased downtown and were able to quickly turn around the low fidelity wireframes in high fidelity mockups. We could also be sharing these elements with business holders to make sure the visual direction was desirable to the various user types so we could improve our interactions with existing users while increasing signups for new users.
The final design design brought everything together in a easy to use responsive solution that enabled our to users to have easier access to their documents. Within the first month of going live we heard back from clients saying the update was far easier to use and that they actually enjoyed using the site now that it was less cumbersome. Making it easier to find necessary resource materials and the ease of electronic transactions made both practitioners and their clients much happier. By decreasing the amount of steps to join our network and making the process seem friendlier we saw our sign ups increase and had higher retention. Overall the project was a large success to business holders and our users alike!
Working as an Interaction Designer I worked with the whole interaction team and marketing management to create a fun interactive microsite for the holiday season and new year.
Every year American Specialty Health likes to send out an e-card to all of it's clients to wish them a happy holiday and also give them some tips on how to have a healthy holiday season and new year. These are always fun projects and one where the whole team gets to help create the visual feel and pick a section that they specifically get to work on.
I was selected to handle all animations and motion graphics for the site and create a quick video on seasonal stress relief. I was able to select and work with copywriters, voice talent and other designers to put together a fun project in a tight deadline. The whole team got this concepted, completed and delivered in a two week period.
American Specialty Health
Working as a Senior Interaction Designer I worked closely with our Art Director and Senior Design Manager to facilitate creating our companies first native app. The Healthyroads Check-In App allows members with health incentive programs to track their activity to ensure they are meeting their program requirements..
With feedback from actual users telling us that wanted a way to accurately track if they were meeting their incentive needs we decided to create a simple app that took advantage of GPS and location services. We were able to meet both client and member needs by insuring that the members were checking in from a certified location and the members were able to track their workouts to ensure they received their member benefit/reward.
Whiteboarding sessions were conducting to quickly iterate and to just get ideas out in a group. We also used these white boarding sessions to conduct group research and see what was successful and unsuccessful in current check-in and fitness apps. Our main goal here was to try and simplify the process as much as possible to come to a minimum viable product that we could release.
The goal was to create a very simple user flow that would achieve the goal of allowing the user to check-in to a location and track the amount of time they were at the location. We wanted to do this in as a few a steps as possible since our user range was from teenagers to tech savvy seniors.
Working as a Senior Interaction Designer this project was an all hands on deck, high priority job. I worked with senior and junior interaction designers, senior management, development, IT, departmental & business stakeholders and project managers to ensure this project was done quickly and properly.
From the design side this truly was a team project with everyones hands interwoven in different pieces.
Exercise Rewards is an innovative health improvement program that helps you take charge of your health through a variety of online tools, including a personal health assessment and a customized exercise planning program. You can challenge your friends and colleagues and set your own personal goals and then track those goals with your choice of fitness tracker.
Many quick solo and group white boarding sessions were undertaken at the beginning of this project. With the rapid timeline it was necessary to get as many ideas out as possible, this collaborative effort would allow our team to see what ideas were being tossed around and add their input as well. Because of the fast cycle these whiteboard sessions were key and basically acted as our wireframes and user flows.
Based on our notes and white board discussions we came up with two separate sitemaps for a logged in and logged out user. Since we are dealing with peoples personal health information it was very important to decided what could and couldn't be seen in order to stay HIPAA compliant throughout the site.
An extensive styleguide was discussed and put into place so we could jump straight into comps. Utilizing layer comps and smart objects in Photoshop we ended with a system that was easy to update and allowed multiple team members to work on different parts of the project at once and still have a cohesive look and feel.
The system that was put in place allowed the team to make a thorough set of mockups that we used alongside Invision to demonstrate what we were looking for more clearly to our developers and stakeholders would get a greater understanding of what we were trying to achieve. Overall the success of the redesign showed through a higher amount of logins and users staying on the site longer so they could use more of the features that we had put in place.
As the Interface Designer on the project I worked with quality assurance, engineering, project management, development and the client to make sure the project was delivered on time and achieved the goals of the project as outlined by the client.
The Counter Burger was looking to expand it's ordering into the online world and had connected with a few different companies to acheive this goal for them. After doing a few concept mockups and a quick round of testing they decided to go with EMN8.
Since the introduction of the program in two test markets they have since expanded to nearly all of the restaurants in the chain. The online ordering experience has led to increased sales per ticket by strategically placing upsells and promos in the appropriate place so as to not interefere with the ease of ordering. This continually gives the customer a quick and seamless user experience
Being that we were working with complex order flows with various combination changes, upsells, modifiers and cross-sell points it was key to get our user flows down before we got too deep into the project. Our user flows allowed us to identify any breakdowns in the customer process or inform areas where we could use an upsell or cross-sell to increase the lift in the average ticket. We were also able to visually show the client where pain points could be for customers with the existing ordering path. This helped us early on to build trust with our client.
We built out detailed wireframes to prototype and inform if we were heading in the right direction. Through the use of these wireframes we were able to quickly go back to our client and verify order processes and key interactions so we could keep our dev team working in parallel on new features to keep inline with our sprints. View Full Wireframes (PDF)
We went with a skeumorphic design here to mimic the experience that the customer gets in the restaurant. By giving the user multiple routes to add items into the till we were able to make the user feel more comfortable while ordering and increase the average order versus ordering in store. Through A/B testing and user testing we refined down the ordering format and continued to make improvements to the site.
Taco Bell has expanded out to India and wanted to take a stab at kiosks. This attract loop we did for them plays when the kiosk isn't in use in order to grab the customers attention and get them to use kiosk. This was built in a way that the food items featured could easily be replaced and updated to whichever new item they would like to use. Working with the creative director we were able to knock out an animation they loved.
Taco Bell India
Dominos was looking for a way to speed up their ordering at high traffic stores, so when they decided to use self service kiosks I knew we were going to get to have some fun with the opening welcome screen. This loop is used to grab the attention of customers as they walk into the store so they can skip the lines and go straight to ordering and paying.
So a good designer friend and I had been wanting to do some fun side work that was the complete opposite of what we normally do at work, so we took it back to our roots. A 24"x36" typeset poster of an amazing poem: Desiderata by Max Ehrmann. It was a bit of a task, I mean seriously look at all that text. This was my version of what we did, hers is pretty awesome too.
Ryan has been an amateur photographer for quite some time specializing in ocean and landscape photography as well as drone video footage. He was looking to step up his work and get to a more professional level so he contacted me and asked if I'd work with him to create a new brand identity for him. Being that I already loved his work this was a fun and easy one to work on with a new buddy.
KFC was introducing their restaurants to India and were placing a few EMN8 kiosks in their Bangalore locations. I was tasked with creating a motion graphics piece that would play when noone was using the kiosks. Using a mix of Cinema 4D, After Effects and photoshop I put together this thirty second piece for KFC.
When some Einstein Bros Bagels franchisees were looking for innovative ways to increase their sales, they came to us looking for a self-service solution. This is the animation concept for the kiosk during it's idle state.
Einstein Bros Bagels
The American Specialty Health corporate site hadn't been updated in about 8 years and was in big need of an update.
San Diego State University
Bachelor of Arts
Emphasis - Graphic Design
Blue Shield of California
Full Measure Education
Jack In The Box
California Pizza Kitchen
The Counter Burger
Seamgen • September 2014 – Current
Coming into this position I was taking over a client from a previous designer. My Objective was to have a smooth transition while I became familiar with the product and client. Leading the client through a version 2 design refresh, much of my time was spent wire framing and mapping new interactions and stories while trying to discover existing pain points from the version 1 release.
My tasks have been to conduct and lead client meetings. Conduct user research to create user stories that inform flows and wireframes. Prototype various interactions for user testing and create the final visual style for the mobile and web product.
Other tasks include: creating interaction prototypes across web, tablet and mobile platforms while providing support on UX and visual design to team members and mentoring junior designers.
American Specialty Health • November 2012 – September 2014
As a senior designer it was my responsibility to assist in the redesigns concerning many of the companies various websites. The goals were to update all existing corporate sites to be responsive and follow current best practices. I was also to provide guidance and leadership to mid, junior and intern level designers.
While here I developed style guides, asset management systems, icon-fonts and guidelines to smooth out the process between design and development. I worked closely with our in house development team to ensure projects were being made that closely followed our designs, specs and guided business holders through our process.
Other tasks included: task flows, presenting to business holders, user research, site maps, editing video, sound recording and production, animating educational videos, and creating animated DVD menus.
EMN8 • June 2009 – November 2012
EMN8 created self service ordering solutions ranging from kiosks to web apps to mobile ordering for some of the top quick service and fast casual dining restaurants.
it was my responsibility to create flows and wireframes for complex ordering solutions to increase per ticket sales and find areas for upsets. It was a simultaneous goal to move the user through the flows in the least amount of steps possible. It was key to develop a simple user experience for complex ordering solutions. I also created animations and motion graphics for the kiosks during their standby state.
As a small design team it was necessary to work closely with Engineering and QA to ensure our client was getting the best possible product. It also meant we had to cover many different roles from UX to UI to motion graphics in order to help ease the process for the rest of the team.
Gateway Marketing Concepts • May 2009 – May 2010
Brought in to take over the graphics department and manage our website, I streamlined our workflow and online ordering process and developed new brand strategies to drive new business.
Tasks included: managing client expectations, creating logos and collateral, developing signage, managing asset database, simplifying the order process and managing production level employees.
Harder's Printshop • May 2007 – April 2009
I designed logos, letterheads, flyers, banners and vinyl signage. I introduced a template system and asset library to speed up our production process.
Barona Valley Ranch Resort & Casino • January 2006 – June 2006
My job was production based and focused on easing the workload of other designers. I gathered assets, managed test prints, created mailers and of course got the morning coffee started.