Hello, I'm Jonathan.

I love creating websites that solve problems. I'm a programmer, a designer, and passionate about user experience. Over the past 10 years I've had the pleasure of working on cool projects like these.

Songboard

I led the visual design and development.

Space Situational Awareness Software Suite

I led the UI development and UX efforts from prototype to delivered product.


AGI's Customer Licensing System

I led the UI/UX redesign and development efforts.

Bryan Mercier - National Speaker

I coached the client and developed personal branding.


Center for Space Research Programs

I designed the branding and developed the website.

My process is simple. Identify the need, design a solution, test with the users, then iterate. I enjoy the challenge of improving any project, and I've got the skills to do it.

Teamwork

  • Project Management
  • Agile Development
  • Configuration Management

Development

  • HTML5, CSS3, JavaScript
  • C#, ASP.NET MVC
  • SQL

User Experience

  • Information Architecture
  • Wireframing & Prototyping
  • User Testing

I improve by making connections and learning from others. I'd love to hear from you.
Let's connect!

© Copyright 2013, Jonathan Strate

This is my best work.

I have both a deep technical understanding and a firm grasp on design. Let me show you some of my best work.

MP45 Records - Songboard

Songboard

Screenshot of completed application.

Led visual design and development.


Description

MP45 Records is a startup in the music industry. With them, artists never give up ownership of their song and never enter into an exclusive contract. They approached us to lead development of their streaming music site, Songboard.

My Role

I led visual design and developed the front-end architecture as a single-page application.


Skills Used

  • HTML5, CSS3, JavaScript, C#, .NET MVC 5, Web API
  • Visual Design

In the News

Pleased with the delivery, MP45 Records did a whitepaper with us on the effectiveness of the process we used to work with them in the development of the site.

Space Situational Awareness Software Suite

Space Situational Awareness Software Suite

Screenshot of released software.

Led the user interface team.
Product chosen to replace the legacy system at the U.S. Air Force.


Description

Space is crowded. When a satellite operator sends an asset into orbit, they want to know it will operate without interference. To be successful, they need to know everything about the space objects around them. When they're aware of the objects around them, they can predict where those objects will be in the future. With this, they have a grasp on the situation going on in space. They have space situational awareness.

The Space Situational Awareness Software Suite is AGI's COTS product for Space Situational Awareness.

My Role

I led the UI development team and UX efforts from prototype to delivered product. In the UX, side I led the efforts in information architecture, user testing, and visual design.

In the UI side, I led the architecture and development in HTML5, CSS3, JavaScript, and C# in .NET MVC 4.


Skills Used

  • Project Management
  • Information Architecture
  • HTML5, CSS3, JavaScript, C#, .NET MVC 4, Web API
  • Visual Design

AGI's Customer Licensing System

Customer Licensing System

Screenshot of released application.

Redesigned interface.
Improved licensing for customers.


Description

Sometimes our customers need the assistance of technical support for their product licensing. Our customers are aerospace engineers, and so are the members of our support team. We want both of them talking more about space and less about licensing.

An initial version of AGI's Customer Licensing System was developed and used by a fraction of our customers. We wanted as many customers to use the system as possible. That's where I came in.

My Role

I led the redesign of the user interface by defining the information architecture, composing wireframes, designing the aesthetics, and implementing the HTML, CSS, and JavaScript necessary to complete the reimaging.


Skills Used

  • Project Management
  • Visual Design
  • High-Fidelity Wireframing
  • HTML, CSS, JavaScript

Reception

In the time following the redesigned application, we saw licensing activity nearly double. The increased activity led to a decrease in calls to support personnel, freeing their time to handle more technically-challenging support calls.

Bryan Mercier - National Speaker

Bryan Mercier - National Speaker

Screenshot of completed site.

Reimaged site.
Increased traffic 5x.


Description

Bryan is a national speaker who wanted to reach out to his audience. He used social media but knew that to increase his followers he needed a platform for content. Creating a professional blog is essential for this, and that's why he came to me.

My Role

I coached Bryan on the process of creating a professional platform for content. I created a custom Wordpress theme and set up the site with his hosting service.


Skills Used

  • Visual Design
  • High-Fidelity Wireframing
  • HTML, CSS, PHP, WordPress Templates

Reception

When the site launched, it was obvious that Bryan was connecting with his audience. The average daily traffic increased 5x the previous rate and Bryan continues to receive more and more speaking engagements.


Center for Space Research Programs

Center for Space Research Programs

Screenshot of high-fidelity wireframe.

Led the branding and web development.
A successful launch.


Description

Penn State has a large portfolio of NASA funded research projects. To compete for large NASA awards, a team of researchers built the bridges necessary between departments to attract new, large NASA projects to Penn State. They needed a theme and online presence to promote the new Center for Space Research Programs.

My Role

I planned a strategy with the center's leadership for branding and website development. I designed the branding and worked with the team to outline the structure of the web site. I developed the initial web site as well as other marketing materials used to promote the center.


Skills Used

  • Visual Design
  • High-Fidelity Wireframing
  • HTML, CSS, JavaScript, PHP

Reception

The materials and online presence helped make the center a success.

© Copyright 2013, Jonathan Strate

Let's talk.

I connect on LinkedIn and on Twitter. Send me a message, I'd love to hear from you.