Menu

  • Digital Acoustic

    Guitar App

    Research and Testing(1)

    Objective: Develop a guitar app without a real representation. Sketched UI elements and 10 different screens. Recorded paper testing. Tools: Pencil, Paper and Canon 60D

    Research and Testing(2) and (3)

    Refined screens from first round, but also tested originals to compare results. Data was emerging and screens narrowed down. Tools: Pencil, Paper and Canon 60D

    Research and Testing(4)

    This round helped in deciding the strongest UI and the arrangment and functionality of different elements. Tools: Paper, Pencil and Canon 60D

    Research and Testing(5)

    In this final round of paper testing the participant was able to complete 90% of the required tasks. Although not perfect, it felt appropriate to begin the design phase. Tools: Pencil, Paper and Canon 60D

    Research and Persona

    A dozen guitarist participated to help inform the persona and app design. Tools: Online Survey, AI and ID

    Development(1)

    Before the results of the survey this was the first idea board and design. Tools: AI and PS

    Development(2)

    The results of the survey indicated players played acoustic guitars and music. This became part of the persona for the app, which influenced designs for this round. Tools: PS and C4D

    Development(3)

    After testing the previous screens, the aesthetic still needed refinement. But the affordance of elements were moving in the right direction. Tools: PS and C4D

    Development(4)

    This last round of idea boards and testing refined the interface to match the users closest mental model, outside of resembling a guitar. Tools: PS and C4D

  • Stortz Design

    Portfolio Website

    Research and Wireframes

    The Stortz Design website required an update to the latest web techonolgies and platforms. I reviewed the current site and decided to slim down the amount of content and refine the navigation. Tools: AI

    Website Comps

    I utilized more nuetral tones with the purple color palette of the Stortz brand and showcased projects at full screen on the homepage. Choosing to crop in on project details for thumbs provided an interesting portfolio collection. Tools:AI & PS

    Final Launch

    Built on Wordpress with Bootstrap, HTML5, LESS, JS and jQuery, the Stortz Design Website now showcases they're best projects in a modern portfolio. Tools: Coda, Wordpress, Bootstrap, HTML5, LESS, JS, jQuery, CLI, AI and PS

  • Briarwood

    Restaurant Website

    Research and Wireframes

    The Briarwood Inn needed a more refined digtial experience for their restaurant customers. After reviewing their current site we were able to consolidate and bring the restaurant to the web. Tools: AI

    Website Comps

    Using photos and typography we were able to translate the Briarwood experience to the web. Tools: AI and PS

    Final Launch

    The new site showcased all the Briarwood has to offer benefiting new and existing customers. Tools: Wordpress, HTML5, CSS3, JS, jQuery, Flex, AI and PS

  • Ultimus Distribution Advantage

    Informational Site

    Research and Wireframes

    Ultimus Fund Solutions needed a portal for their clients to access up-to-date fund information. We reviewed what they were currently using and translated it to a web experience. Tools: AI

    Comps

    Using their current site as a basis it was a matter of figuring out layouts and colors. Tools: PS

    Final Launch

    The portal provided ease of use from any device along with insider information at your fingertips. Tools: MODX, Foundation, HTML5, CSS3, JS, jQuery AI and PS

Close Scroll