Return to Home


With stakeholders and everyone else who should be involved, we put together a style guide and branding guide. These guides ensure that initial designs portray the values and feelings that our business wants to communicate with its users. After styles are established, I begin laying out the structure of the project in wireframes and then layering fidelity along with user testing.

Methods Previously Used = Wireframing, Low-Fidelity Design, High Fidelity Design, Prototyping, Interaction Design, Mood Boards, Style Guides


There is no such thing as a self made man, you will reach your goals only with others help

With stakeholders and everyone else who should be involved we put together a style guide and branding so that we can follow the goals of the business and elevate designs to portray the values and feelings that we want to communicate with others.


For Douglas Coffee’s website redesign they wanted a new style and feel for their website that would continue their existing brand. To clearly define these styles and to communicate the design direction to the client, we created a mood board with colors, typography, and graphic elements to base future design decisions on.

Style Guides

For faster production and better development handoff I like to start every design with a compilation of assets that are used throughout the project. This is an example of the colors guide I created for the internal CRM at Online Image. Typically the style guides I create include colors, typography, common components and images.


Here is an example of paper wireframes I created to illustrate our design solution at Jive. This was for a mobile app design that helped users congratulate and promote their coworkers. In addition to this paper prototype, I’ve created many other prototypes using other design tools such as Figma, Webflow, Sketch and Adobe XD.