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.

CityU Product Website Redesign — A UX Case Study

CityU Product 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
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
A Great Tool for Prospective Students – A Tuition Calculator

A Great Tool for Prospective Students – A Tuition Calculator

On the old page, finding any information on tuition was a struggle. While the university was operating from the thought process, “How can you put a price tag on your future?”, the lack of information wasn’t serving prospective students.

Learn More
Update to Program Details Page

Update to Program Details Page

In the new design of the program page, we implemented a ‘quick view’ bar. It’s one of the first elements a user will see. This bar includes really useful information including number of credits in the program, enrollment and start dates, and of course, where the program is held.

Learn More
Long Form Content Variant Test — A UX Case Study

Long Form Content Variant Test — A UX Case Study

National University offers 100 plus online programs. Potential students would visit a desired program detail page in order to find out more information. To maintain consistency, a program detail page template is used for each of the programs offered.

Learn More
Terms and Conditions Updates — A UX Page Improvement

Terms and Conditions Updates — A UX Page Improvement

We got word from National University’s legal department that how we displayed our terms and conditions needed to change to better align with the Federal Trade Commission newly passed ruling.

Learn More
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
Implementation of the Program Finder

Implementation of the Program Finder

In the old flow there was no filtering system. A user would have to find their program by navigating through school pages, then department, then program, which is not a good experience.

Learn More
A Deep Dive into Program Search Bar

A Deep Dive into Program Search Bar

What follows in this case study is an in depth look at the program search bar. With over 100+ programs at National University, finding the right program for a potential student can be daunting.

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
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
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
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
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
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
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
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
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
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
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 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
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

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.

[gs_dribbble userid=”jaredgase” count=”8″ column=”3″ theme=”gs_drib_theme1″]

“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 & 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