A BETTER USER EXPERIENCE

Design that focuses on the user in effort to create an experience that is efficient, creating better returns for your organization.

See My Work

About Jared

Jared enjoys creating user centered designs that not only function optimally for the user, but also look beautiful. As a professional designer, he is a proactive problem solver and considers design from a multitude of perspectives. His design experience is varied including product, user experience, user interface, visual, interactive, motion, information architecture, research.

The Process

My process is very iterative and has evolved from my experience across multiple disciplines. What has emerged is a synergy between UX Design, Agile development principles, and the Lean Startup methodologies.

Discovery

This is where the designer gets down into the weeds of the project and where a lot of user and competitor research activities happens.

Design & Development

The Design phase is where the high fidelity design is fleshed out, and usually one design is chosen.

Iteration

Iterations may cycle back through the design process to create new versions with new features.

Ideation

This is where the designer takes all the information learned in the discovery phase and organizes it.

Validation

After feedback is received from the audience and stakeholders, it may be necessary to revisit some of the research undertaken, get additional …

The Work

My portfolio is a collection of projects from my eight years of experience. All projects implement user centered methods and include varying types of design including product, user experience, user interface, visual, interactive, motion, information architecture, research.

Sanford Teacher Awards User Flow and Layout

Sanford Teacher Awards User Flow and Layout

Although this seems like a friendly marketing site, the backend, multi-step forms, and user flow make it a quite intricate product website. The project was first to help …

Learn More
CityU Website Redesign — A UX Case Study

CityU Website Redesign — A UX Case Study

Since 1973, City University of Seattle has been relentlessly reimagining higher education in the Pacific Northwest and around the world. As an accredited …

Learn More
Multi-Step Form for App-Lite Product

Multi-Step Form for App-Lite Product

When we launched NU’s App-Lite product back in early 2018, it was an enormous success. It simplified the overwhelming application process by eliminating …

Learn More
Search in Program Form Field

Search in Program Form Field

A form is one of the most important part of a product website as it generates potential leads. An effective form simplifies the experience for the user and creates …

Learn More
A/B Test on Paid Media Page for Mobile

A/B Test on Paid Media Page for Mobile

Because the goal with a product website is to generate revenue, using an A/B test will help determine what is the most optimized and best experience for the user. Below we have the older version and the newer version of a paid media page which were tested against each other.

Learn More
NUVHS Course Listing Page

NUVHS Course Listing Page

The client wanted to simplify their course page by using filters and art icons, similar to a key, to help their audience visually identify courses that are Advanced Placement (AP) and/or approved by UC, NAIC, NCAA, etc. I developed an simple system that accomplishes the goals that that client wanted. Essentially, the course is either is approved or is not approved. If something, UC, AP etc., is approved, it shows up with a check. If it is not approved, it does not have a check. In addition to the visual nature of the checks, this is also something that users can filter for. This was the best way to accomplish these goals from a design and functionality perspective while still taking into account both mobile and desktop views. All of these considerations make for a better user experience.

Learn More
Program Details Page

Program Details Page

I took on this task myself because I knew there was a better way to provide information and a way to create a better user experience. The UI goals were to improve the visibility of the content and the RFI on the page so that the visitor is compelled to continue the journey. One key UI pattern utilized here was tabs to help shorten the page. Other goals were to provide more space for long content and improve the design on mobile devices. From research, users really wanted to know specific information, like the registration deadlines, class start dates, and, if it was an on-campus program, where the class was located. The new layout followed all general brand/layout guidelines for the site to ensure a smooth transition from home page or other pages.

Learn More
CBC Evaluation and Improvements

CBC Evaluation and Improvements

DECIDE Framework is used as guidelines for guiding evaluation activities.

Learn More
Society6 Case Study

Society6 Case Study

My next idea for my case study is to revamp a few pages of an ecommerce site called Society6. Society6 is home to hundreds of thousands of artists from around the globe, uploading and selling their original works as 30+ premium consumer goods from art prints to throw blankets.

Learn More
Search Programs for Mobile

Search Programs for Mobile

The goal here is for the user to find their program on a mobile device with ease by improving the mobile experience. With the current layout, the results auto populate, but get cut off by the keyboard and users are only able to see the first few programs. The new layout fixes this problem by putting the search box at the top within the header. When users type, results still auto populate, however, a full screen box appears and users are able to see more programs.

Learn More
Airbnb Case Study

Airbnb Case Study

This case study attempts to try to understand how Airbnb got be so successful. Companies, like Airbnb, come into a space and are disruptors to such a degree that they change an industry.

Learn More
Paid Media Landing Pages

Paid Media Landing Pages

The purpose of this project was to develop and streamline paid media landing pages and bring them in-house. Pages are used for lead generation activities through search and social campaigns and must work hard to convert traffic. The objective is for lead generation and improved page conversion.This template was chosen for over 100+ paid media landing pages as well as across all National University System affiliates.

Learn More
Society6 Website Redesign

Society6 Website Redesign

Historically, mobile was something designers did as an afterthought once the desktop wireframes were designed. But now, with anywhere between 40% to 75% (Smart Insights, 2018) of visitors accessing sites via mobile, businesses can no longer treat a mobile site as secondary priority.This means designing a mobile site before designing the desktop site; this is called mobile first design. The process when designing a desktop version before the mobile version is developers code the desktop site, write style sheets to be responsive, and determine where the content blocks go. This creates a problem in a mobile view, as the developer would have to assume where the content blocks go, which is not always accurate. If mobile first design is done, the designer can figure out how to leverage and optimize the larger screen real estate available on a desktop. This would lead to a high-quality user experience in both environments.

Learn More
CBC Style Guide

CBC Style Guide

I designed the Craft Beer Club website based on a company whose website needed updating. This could be considered a redesign of the website. In addition to the redesign, I also put together this style guide. This guide updated the look and feel of the website. The style guide provides a modernized look with a clean and simple design. The style guide functions as a key document that helps content creators present a consistent message and identity to it’s target audience.

Learn More
CBC Website

CBC Website

Our Craft Beer of the month club searches out exceptional craft beers from around the country and then delivers the monthly beer club selections direct-to-you or your gift recipient’s door. You can choose an ongoing beer club membership or Craft Beer Club gifts to ship monthly, every-other-month or even quarterly. This is a fantastic gift for the Craft Beer enthusiast in your life. Give 1 to 12 shipments and receive up to 3 bonus gifts and an additional $25 bonus with your order.

Learn More
New Program Finder

New Program Finder

Although the new National University Program Finder was performing well, there is always room for improvement. The way to improve the page would be to these steps:

Learn More
Centro Pizzeria Website

Centro Pizzeria Website

This website was created for a mock company. In addition to the custom branding created, I also made the site fully responsive by using three content blocks. The three sections I include were the homepage hero, the about & menu, and the contact form. This site came together quickly and uses only one CSS file, custom typography, and image assets.

Learn More
Program Landing Page

Program Landing Page

The idea was to create a new layout for the Academic Programs page on nu.edu (https://www.nu.edu/OurPrograms.cfm). Currently it is not easy to browse or search for programs on the website. The new page would have replaced the existing landing page with the major goal of improving the UX to increase form submissions and lead volume. With the new design, students would be able to find the program they are interested in more easily, thus motivating them to enroll. Another goal would be to bring relevant content closer to the top of the page and deliver a new way to view content via “Areas of Study”.

Learn More
Officeium Style guide

Officeium Style guide

As I was designing the Officeium website (a mock company), I also created a style guide. The purpose of the style guide was to help create a simple look and feel in order to attract a modern audience. This style guide could be used to assist in creating other assets to ensure that brand messaging is consistent.

Learn More
Officeium Website

Officeium Website

The Officeium (mock company) website was created to be a more a more efficient job recruiting website. Think Indeed, ZipRecruiter, and monster, but without the pain points that these sites have. I ended up using a few known UI patters from these sites, however, I made them more user-friendly by cleaning them up. I also used several personal design elements to being the page to life.

Learn More
Application Overhaul

Application Overhaul

The enrollment department was overwhelmed by the amount of leads/ students filling out intake forms. The department wanted to be able to work with potential students in a timely manner. The goals were to help the department field leads by expediting the “new student” process and helping advisors manage the incoming lead flow. To do this, we created a double-layered thank you page set up.

Learn More
Variance Search Bar

Variance Search Bar

The idea for this project was to create several different designs for the homepage hero section and see which one preformed the best, After testing, one design would be implemented as a permanent solution.

Learn More
Handyman on Demand Style Guide

Handyman on Demand Style Guide

I designed the Handyman On-Demand website based on a real handy man service whose website needed updating. This could be considered a redesign of the website. In addition to the redesign, I also put together this style guide. This guide updated the look and feel of the website. The style guide provides a modernized look with a clean and simple design. The style guide functions as a key document that helps content creators present a consistent message and identity to its target audience.

Learn More
Handyman on Demand Website

Handyman on Demand Website

I designed the Handyman On-Demand website based on a real handy man service whose website needed updating. This could be considered a redesign of the website. There are many websites out there that offer this service such as Angie’s List. The Handyman On-Demand website was poorly executed so I redesigned the site and added a mobile/ app experience.

Learn More
Program Finder

Program Finder

The idea with this project was to make the program finder more user friendly. The original program finder was built and designed by programers and the original layout was hard to use. In the new layout, the area of study was added to make it easier to find the program a user was interested in versus looking under the school the program was under. Also added was the ability to select multiple options as opposed to just one, so a user could select, for example, a Bachelor’s & Master’s as the degree level.

Learn More
Work Activity Affinity Diagram Sample

Work Activity Affinity Diagram Sample

The affinity diagram is a business tool used to organize ideas and data. In this example, I was tasked with finding and organizing any and all problems with cell phones and then organizing those problems into groups that have that similar problem.

Learn More
Search Bar Drop-down Options

Search Bar Drop-down Options

The task for this project was to develop a few concepts for the look and feel of a drop-down as a user types into the search bar on the homepage. The UI goal was to get users comfortable with splitting up the title of the program name and the level of the degree.

Learn More
User Persona Samples

User Persona Samples

A user persona represents the target customer for a company. User personas help guide designers through the design process because they are reflective of the target demographic/ who the site will best help. For example, Alex “Shy Guy” Smith is quite close to the millennial generation, a generation that likely did not acquire the skills necessary to do handyman type projects around the home. Maria “Single Mom” Sanchez, on the other hand, simply does not have the time between raising children alone, working, and trying to better her future by attending school. Convenience is priority for her, something that this site can address. Scenarios such as these are appropriate to consider because they put a face to the demographic and designs can be tailored to meet their needs. For more information on the website, click this link.

Learn More
Storyboard Sample

Storyboard Sample

A storyboard can help designers run through a “real life” scenario that a user may experience. This can help flesh out any problems that could occur. Storyboarding can also assist with step-by-step problem solving. As the designer, you are slowing down the design process and are better able to solve issues before a site goes live. Here is the script for the storyboard of a woman having a plumbing problem and how Handyman On-Demand was there to help fix her problem:

Learn More
Sketching the User Experience

Sketching the User Experience

Sketching can be a useful tool in the ideation phase of the design process. This sketch assisted me in coming up with the concept for a dog daycare. What follows is the description of what is seen in the sketch as well as the value the mock company could bring to its users.

Learn More
Persistent Banner for Commencement

Persistent Banner for Commencement

As it was for the student journey, it was virtually impossible to find the commencement page. A student would have to know to start under “Our Programs” to get to the commencement page, which from a site architectural perspective is not intuitive. The goal in this project was to help our students/graduates find what they needed to know for commencement without struggling, and share that with their friends and family. The conclusion was to put a persistent banner, a sort of announcement element, on the homepage.

Learn More
Hierarchical Task Inventory Sample

Hierarchical Task Inventory Sample

A hierarchical task inventory is a structured way of describing users’ performance tasks. The inventory provides an understanding of the tasks a user needs to perform in order to accomplish a goal. In this sample I was tasked with booking a hotel.

Learn More
Search Page [Proposed]

Search Page [Proposed]

The search page was built by developers and design was not considered. The idea behind my layouts was to consider the user so that it makes it easier for them to find what they are looking for. All these different layouts improve the user experience, from a simplified filtering system to a fun and helpful FAQs section.

Learn More
Outreach Landing Page

Outreach Landing Page

In order to increase ROI at outreach events and field activities that wish to collect leads, the enrollment department wanted to create a simple landing page that would allow Regional Operations/Enrollment Management to capture lead information in real-time and put it directly into the NU CRM. This would be instead of manually tracking leads which has proven to be inaccurate. At the start of this project, there was not a defined/consistent process to capture leads during outreach events. By creating this landing page it created an easier process to track data about which events were performing well and which regions see the most results.

Learn More
National University Creative Campaign

National University Creative Campaign

The goal was to bring all creative designs/layouts/campaigns in-house at National University and not use any outside agencies for work. These are just some of the ideas I came up with while concepting for a new campaign.

Learn More
Donor Website

Donor Website

This project required me to build a donor microsite that created a high-end user experience and feeling in effort to engage potential donors. Target donors for this project included current students, alumni, staff, and faculty— those that would be familiar with the overall cause. The site would focus on walking donors through why they would want to donate to National University.

Learn More
Sanford Teacher Awards Website

Sanford Teacher Awards Website

The client wanted this website to create a sense of inspiration in effort to compel users to nominate an inspiring Pre-K through grade 12 classroom teacher for the award. They requested that the site have a lot of fun and inspiring content. To meet the client’s wants, I designed the page using the following process: Met with creative team to go over general look and feel of this campaign, from what was previously pitched; laid out a design that was both fun and professional; made the content warm and inviting while still balancing the overall look of the creative campaign and making the blocks easy to read and understand; tried to make the site straight forward without too much fluff. When final approvals were completed, I worked along side development to make sure the site with pixel perfect to the mockup.

Learn More
Virtual Open House Landing Page

Virtual Open House Landing Page

To reach a broader audience and more prospective students, Creative wanted to develop a virtual open house that would live on NU.edu. The content of the Virtual Open House would also be used in other channels.

Learn More
Paid Media Landing Page Design Layout

Paid Media Landing Page Design Layout

The purpose of project was to develop and streamline paid media landing pages and bring them in-house. These pages are used for lead generation activities through search and social campaigns and must work to convert traffic. The objective was lead generation and to improve page conversion.This project never was completed because new leadership decided to go in a different direction.

Learn More
Ideas for Parent Page

Ideas for Parent Page

The task for this project was to develop a few concepts for National University’s parent page template refresh. UI goals were to improve visibility of content and RFI on page so that the visitor feels compelled to continue the journey. Other goals was to provide more space for long content on the page and improve design on mobile device. Of course the new layout still needed to follow all general brand/layout guidelines for the site to ensure a smooth transition from the home page or other pages.

Learn More
Events Calendar

Events Calendar

In this project, I create a fully functioning event calendar for students to discover events going on around National University. The calendar became a dedicated page on the National University website that other pages linked to. The calendar required filters and viewing/layout options that are controlled by checkboxes and radio buttons; it is fully responsive as well as mobile friendly.

Learn More
RFI Form Update

RFI Form Update

The goal for this project was to make changes to the RFI experience on NU.edu. The problem was that the RFI was two forms and needed to be consolidated into one. The goal with transitioning from two forms to one was to improve the conversion rate by 4 points. The key performance indicators are a conversion rate > 1.04%1 and an abandonment rate < 63.98%1.

Learn More
NUVHS Brand Refresh Concepts

NUVHS Brand Refresh Concepts

The goal was to bring all creative designs/layouts/campaigns in-house and not use any outside agency for work. The problem here was that the Virtual High School’s look was out dated; it relied heavily on poor quality stock photography and the colors were old and dingy. The new campaign featured talent that was casted in-house and the color scheme was up stead. We considered gender, ethnicity, and an overall style that fit well within the target audience. These are just some of the ideas while concepting for the brand refresh.

Learn More
NUA Sparrow Website

NUA Sparrow Website

The marketing department approached NUA Sparrow because they had gone rogue (their needs weren’t being met and so they had gone and made their own site). The redesign of this site was based on the NUA site [featured here]. The imagery for this site utilized Sparrow’s branding. The content blocks were structured by importance as determined by the client’s beliefs about their audience. Because it was designed from an existing template, all that needed to be created was a style guide and a homepage template. This would give development all the information they needed to help build out the rest of the site.

Learn More
NUA Homeschool Website

NUA Homeschool Website

The marketing department approached NUA Homeschool they had gone rogue (their needs weren’t being met and so they had gone and made their own site). The redesign of this site was based on the NUA site [featured here]. The imagery for this site was based on their existing collateral. The content blocks were structured by importance as determined by the client’s beliefs about their audience. Because it was designed from an existing template, all that needed to be created was a style guide and a homepage template. This would give development all the information they needed to help build out the rest of the site.

Learn More
NUA Dual Language Institute Website

NUA Dual Language Institute Website

The marketing department approached NUA Dual Language Institution because they did not have a website. The site was based on the NUA site [featured here]. The imagery for this site was based on Dual Language Institute’s branding. The content blocks were structured by importance as determined by the client’s beliefs about their audience. Because it was designed from an existing template, all that needed to be created was a style guide and a homepage template. This would give development all the information they needed to help build out the rest of the site.

Learn More
NUA 1001 STEAM Website

NUA 1001 STEAM Website

The marketing department approached NUA 1001 STEAM because their website was out of date. The redesign of this site was based on the NUA site [featured here]. The imagery for this site utilized 1001 S.T.E.A.M.’s branding. The content blocks were structured by importance as determined by the client’s beliefs about their audience. Because it was designed from an existing template, all that needed to be created was a style guide and a homepage template. This would give development all the information they needed to help build out the rest of the site.

Learn More
National University Academy Website

National University Academy Website

The marketing department approached NUA because the websites associated with their school were either old, out of date, non-existent, or off brand. The development of this site acted as a guide for the development of the other related, sites. All of the sites were structured as this site was structured using the same UI element patterns; however, the style, in terms of color, iconography, and imagery were different. The content blocks were structured based on importance as determined by the client’s beliefs about their audience. For the design process, I wireframed, designed, and helped development build out the site.

Learn More
Location & Location Detail Page

Location & Location Detail Page

The goal in this project was to stop using still images from Google maps and use a functional Google map API as the background. This would make the site more interactive for the user and make it easier to navigate. Additionally, the client wouldn’t have to keep making still images when a location is added/deleted/updated; they would only have to update the location pin. The map idea was somewhat implemented but it did not end up with as many features as the wireframes. The location detail pages remained the same.

Learn More
National University International Website

National University International Website

The client approached us wanting their own website as opposed to a few internal pages on their affiliate site. With very little direction, I pitched a home page design that would appeal to an international student. The look of my design embodied that of the southern California lifestyle, and reflected the look and feel of a travel website. Some design elements included lots of sunshine, activities, and places to see. My design was accepted and the rest of the site was build around the home page.

Learn More
NUVHS Brochure

NUVHS Brochure

The client wanted a more fun and exciting marketing piece— something that would really “pop.” Using fewer words and more imagery and iconography, this piece really stood out among their current collateral. Unfortunately, this piece never made it to print due to upper management.

Learn More
National University Basic Web Style guide

National University Basic Web Style guide

Since there was no in-house web designer, I was tasked with building and establishing a web style guide for Development. The goal was to create consistency when developing and building new pages. This guide was based on the existing site as well as the existing brand style guide.

Learn More
National University Homepage Redesign

National University Homepage Redesign

The challenge for this project was to create a new version of the home page with image/video options, and content blocks for each of these subjects:About National University, Military Friendly, Transfer Friendly, Affordability/Financial Aid, Accessibility. The UX goal was to create a new template that could be used to support content featured on new NU.edu landing page. The page needed to have the same header/footer as the current NU.edu home page, but the layout of the content area could align with the new home page design/look & feel.

Learn More
National University Logo Concepts

National University Logo Concepts

The Vice Chancellor of Marketing had the idea to propose a change to the National University logo and wanted to propose this to the Chancellor. These are some ideas that had a chance of making it. The idea eventually died off due to the size of the project it would have been and politics of something so important.

Learn More
Speakeasy Co. Style Guide

Speakeasy Co. Style Guide

Prior to this style guide being created, I was responsible for redesigning the Speakeasy Co. website. The original site was outdated and needed a modern, simple, clean look and feel. This guide helped establish their brand identity as well as brand consistency. The guide itself helps to enforce style, thus improving communication and acting as a key document to help content creators communicate a consistent message to the audience.

Learn More
Speakeasy Co. Website

Speakeasy Co. Website

The subscription model is nothing new— there has been some form of it since the 1970s. But the subscription model was modernized and brought online about six years ago with the launch of Birchbox. More than 2,000 copycat subscription retailers followed, as did over a billion dollars of venture capital funding to companies such as Birchbox, BarkBox, Loot Crate, The Honest Company, Ipsy, FabFitFun and Dollar Shave Club.

Learn More
Speakeasy Co. Sitemap

Speakeasy Co. Sitemap

Because the client was revamping their old website and wanting new functions and features, additional pages were needed which was cause for an update to the site map. With that, I used competitive research and employed information architecture and card sorting method to see what pages would fit where. I consolidated these into a site map.

Learn More
Cito Marketing

Cito Marketing

Cito Marketing requested a proposal for a redesign of their digital marketing agency website. The goal was to have a website that, visually, could compete with much larger companies. This was done by simplifying the old website and making it look more international. Unfortunately, the company dissolved before the site was approved and finalized.

Learn More
Folk Project Homepage

Folk Project Homepage

A developer friend of mine wanted me to help him with a project he was working on for an e-commerce website. The company wanted to update their WordPress theme to something more clean and modern, while still holding on to the back end and checkout plug-ins. Unfortunately, the site never launched due to a change in leadership.

Learn More
Tello Electric Solar App

Tello Electric Solar App

A website redesign was already underway for Tello Electric Solar. This pitch was an opportunity for them to take their customer experience to the next level with a powerhouse mobile and desktop app. In the proposed app, users would be able to see the impact their solar installation was having. A clear, elegant graphical interface would help users immediately see “how solar they are” – and share this with friends. This feature keeps users in the app and would be extend through gamification to encourage repeat visits. In addition, the would be able to see the generations of referred customers and would also be able to share this information on social media with a single tap. Education would be applied at key stages throughout the user journey, encouraging new customers and extending the relationship with existing customers into new product lines and services.

Learn More
Tello Electric Solar

Tello Electric Solar

Tello Electric Solar wanted to have a larger presence in the solar industry in order to compete with larger, more established brands and therefore, were seeking a redesign of their website. This was achieved through employing user centered design, and UI/UX design. The process used included creating user personas, journey mapping, site navigation, wireframes, and mockups. I distilled client’s ideas into visual elements, interactive designs, and practical layouts and collaborated with developers regarding ideation, strategy, and creation of this website. As a result, I created simple and delightful experiences for customers while delivering intuitive design solutions.

Learn More
Partner ESI Website

Partner ESI Website

Partner ESI is a large engineering firm, but a visit to their website sent potential clients a different message. Wanting a bigger online presence, they sought out a redesign of their website. The user and business goals were solved by employing user-centered design and the use of UI/UX design. The process used included creating user personas, journey mapping, site navigation, wireframes, and mockups. I distilled client’s ideas into visual elements, interactive designs, and practical layouts and collaborated with developers regarding ideation, strategy, and creation this website. As a result, I created simple and delightful experiences for customers while delivering intuitive design solutions.

Learn More
Honor Life Style Guide

Honor Life Style Guide

Prior to this style guide being created, I was responsible for redesigning the Honor Life website. The original site was outdated and needed a modern, simple, clean look and feel. This guide helped establish their brand identity as well as brand consistency. The guide itself helps to enforce style, improving communication and acting as a key document that helps content creators communicate a consistent message to their audience.

Learn More
Honorstone Designer App

Honorstone Designer App

Honor Life was looking to have an e-commerce widget that would enable customers to create custom headstones. The widget would give customers full customization of the headstone they were purchasing including but not limited to adding photographs, custom type, and preselected images or icons. In the process, I created user flows, wireframes, and mockups and distilled client’s ideas into visual elements, interactive designs, and practical layouts. I collaborated with developers regarding ideation, strategy, and creation for this project.

Learn More
Honor Life Website

Honor Life Website

Honor Life wanted to have their e-commerce website redesigned. Visually, the design is clean with large images and fonts, and is high contrast. It emphasizes the brand’s identity of quality and honor. Images selected are those of happy families; images of cemeteries were intentionally avoided as to not add stress to users. In the process, I created user flows, wireframes, and mockups and distilled the client’s ideas into visual elements, interactive designs, and practical layouts. I collaborated with developers regarding ideation, strategy, and creation for this project.

Learn More
DoD STEM Website

DoD STEM Website

The Department of Defense was seeking a redesign of their STEM website. The original website was overwhelming and outdated which did not attract the talent the DoD wanted. The redesign, which modernized and cleaned up the site, resulted in attracting a new, younger audience. This was achieved through employing user centered design, UI/UX design. The process used included creating user personas, journey mapping, site navigation, wireframes, and mockups. As a result, I created simple and delightful experiences for customers while delivering intuitive design solutions.

Learn More
VeraVia Website

VeraVia Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Vehicle Registration Service Homepage

Vehicle Registration Service Homepage

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Telgian Homepage

Telgian Homepage

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Solvis Staffing Services Website

Solvis Staffing Services Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Steigers Website

Steigers Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
PSG Washington Website

PSG Washington Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Planning Within Reach Website

Planning Within Reach Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Pactus Logic Website

Pactus Logic Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
NexxCom Website

NexxCom Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Liberty Woods Website

Liberty Woods Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
IXI Technology Website

IXI Technology Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Gatto, Pope & Walwick Website

Gatto, Pope & Walwick Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
First Associates Website

First Associates Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Cushion Cafe Website

Cushion Cafe Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
CTK Biotech Website

CTK Biotech Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Bradley and Company Website

Bradley and Company Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Bob Harlow Website

Bob Harlow Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
AO Reed Website

AO Reed Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
Antilles Carpet Website

Antilles Carpet Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
911 Responder Website

911 Responder Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More
2×4 Brewing and Imports Website

2×4 Brewing and Imports Website

This client was in need of a well-designed, up-to-date, modern, CMS style website. As a design lead on this project, I communicated with and assessed client needs, created web branding, UI kits, and a style guide, conceptualized and designed the website, worked closely with developers to build out a custom Wordpress template, and assisted with CMS building and content input.

Learn More

User-Centered Methods

My experience over the years has been diverse, leading me to have a large skill set that include:

  • Contextual inquiry and design
  • Competitive research and analysis
  • Heuristic evaluation
  • Think abounds
  • Brainstorming
  • Sketches
  • Persona development
  • Storyboards
  • Card sorting
  • Task flows
  • Empathy map
  • Journey map
  • Affinity diagramming
  • Information architecture
  • Both high/low fidelity wireframes
  • Paper and interactive prototypes
  • Style guides
  • Web analytics and metrics
  • A/B testing
  • And much more!

Recent Work from Dribbble

Below are shots of my latest projects. More shots from other projects are available on Dribbble.

“I was impressed with Jared’s ability to come up with clean, user-centric designs that aimed to improved navigation and lead conversion. Jared would be a true asset to any organization looking for a fast and efficient designer with a passion for solving business challenges through UX/UI design.”

 

— Randy Rose, Former Web Project Manager, National University

 

“Jared has a rare ability to create elegant, responsive user interfaces that are easy to use and pleasing to the eye. He gracefully succumbs to the demands of our increasingly mobile-first world, by creating a fluid product that is unique and eye-catching on any device. Jared’s years of experience provide a skillful lens through which he identifies and implements the latest in UI trends &amp; technologies.”

 

— Adam King, Front End Developer, National University

 

“Jared consistently impresses me with his designs. It’s rare that you find a designer that can design a site that is focused on the user experience and business goals, AND be extremely visually impressive and engaging. He is a very talented designer and I’d highly recommend him for any web design projects.”

 

— Dan Pearson, Freelance WordPress Developer

 

“Jared is a talented and collaborative UX designer with a cunning-eye for design and is highly knowledgeable in the UI/UX space with a well-rounded skill set under his belt that is hard to find. He is sharp-focused, exceptionally committed to every project from start to finish and continuously strives to improve his and his team’s creative processes.”

 

— Gerardo Candanoza, Former Creative Director, L7 Creative

 

Based in sunny San Diego, California

+1 (619) 997-2058

jdgase@gmail.com