The experience makes the website or product, not the features — by marrying business goals with user needs, and working to define an experience that engages your target audience and drives them to action.
My primary objective is to provide cost effective business solutions for companies looking to establish or improve their online identity through a visually engaging and professional online presence.
Brand and Identity Design
I believe in understanding a client's business first and through a creative process I develop a visual identity that can be communicated consistently across all channels. Your corporate identity has mere seconds to engage the user therefore the overall design should capture the essence of your business and uniquely tailored to compliment your company's personality that's directly associated with your product or service ensuring brand consistency throughout all visual media.
Custom UX/UI Design
User Experience design includes a wide range of methodologies to ensure that an end product achieves its core (often business) objectives whilst providing its users with the most efficient and engaging experience possible. Together with user interface design, which is the actual visual design of a website or application, the focus remains on the user's experience and interaction.
The Three Essential Stages:
- Research — Analyze what your users want.
- Design — Create ways to give them what they want.
- User Testing — Discover what you need to change.
I am personally a proponent of the “Lean UX” methodology with less emphasis on deliverables and greater focus on the actual experience being designed. This means all of your resources should be focused on planning, designing, developing, and delivering a remarkably well-crafted core experience.
Lean UX Process:
- Validate Internally
- Test Externally
The goal is to define the core components in the initial concept in an effort to quickly visualize the workflow, and build a prototype to further refine the idea. A typical first approach is to create a wireframe, which depicts the page layout or arrangement of the website's content, including interface elements and navigational systems, and how they work together. The wireframe usually lacks typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content. In other words, it focuses on what a screen does, not what it looks like.
Front End Development
- Isobar: Front-end Code Standards
Interactive and Visual Design
Interaction design isn't about how interfaces behave, it's about how people behave, and then adapting technology accordingly. Essentially, interaction designers are only concerned with the specific interactions between a user and a screen including every element that a user might swipe, click, tap, or type. Basically, interaction design focuses on the functionality needed to accomplish a task.
Visual design focuses on implementing images, colors, fonts, and other elements in order to engage users. Visual design engages users through the use of visual cues such as prioritizing tasks on a page through size, color, and the use of whitespace, hence drawing the eye to the correct functionality.
5 Tenets of Goal Driven Design
- Design first; program second.
- Separate responsibility for design from responsibility for programming.
- Hold designers responsible for product quality and user satisfaction.
- Define one specific user for your product.
- Work in teams of two.
- UX Booth: Complete Beginner's Guide to Interaction Design
- UX Booth: How Visual Design Makes for Great UX
Web users care deeply about how fast they're able to get the information they need and the better performing a website is, the more efficient a user will be when completing their desired tasks. Therefore, as part of my development process a Website Speed Test tool is used to help analyze the load speed of your website and learn how to make it faster.
- A List Apart Webinar: Designing for Performance: Can We Have it All?
- Google Developers: Optimizing Performance
- Google Developers: The RAIL Performance Model
Responsive Web Design
Interface design is the planning, shaping, and presentation of content and information that accurately reflects your business objectives. Now, with the rapid growth in mobile Internet usage frontend developers need to build websites suitable for all devices and responsive web design combines fluid layouts, flexible images and media queries to help us build sites that gracefully adapt to different browser and device viewports.
Research claims that users are in “connection mode” while using smartphones and in passive “browsing mode” while on their tablets, and although there are exceptions we should keep in mind when crafting cross-browser experiences that users are more connected to phones than to tablets.
- Shay Howe — Learn to Code HTML & CSS: Responsive Web Design
In summary, I leverage Information Technology to build a competitive advantage for clients and employers using the latest in user experience design, frontend development, internet marketing, and business consulting.