Alan Coughlin

Product Designer

UX/UI Designer-Developer

My Work

Targeted Message

Customers take the path of least resistance. Period. End of story.
Mark Cuban

Understanding the Role of Design

This is where the tailored message would go.

 

Thank you!

 

Alan

Blockchain Websites & Design Vision

Nerd United

  • Spear-headed and conducted vision project to develop an understanding of our organization, our users, and our product needs, and to build consensus around a common vision.
  • Conducted user interviews to build personas and understand needs for products and services.
  • Conducted inventory and analysis of current website for usability and aesthetic redesign.
  • Created a design system, with component library and style guide.
  • Created Figma auto-layouts, components, variants, and styles for rapid prototyping on existing and new site designs.
  • Worked with SMEs, stakeholders, and users to solve design issues.
  • Conducted design reviews with rapid prototyping.
  • Evangelized and built consensus for new design solutions.
  • Worked with devs throughout, planning, estimating, and handing off build-ready prototypes.
  • Delivered an @Nerd Talk (think “Ted Talk”) on Principle-Driven Design

Tasks Performed: Research, Experience Design, UI Design, Wireframing, Copywriting, Design System, Writing Documentation

Technologies Used: Figma, Zeplin, XD, Illustrator, Photoshop, Jira, Confluence

Utah Childhood Resources Website

Utah Department of Workforce Services, Office of Child Care

  • Designed the user experience and user interface for a new website for parents seeking resources for their birth through 5 children in the state of Utah.
  • Designed the provider portal in which service providers will maintain their listings and manage family referrals.
  • Participated in a thorough research phase, conducting deliberative sessions with parents throughout the state, which gave us a high degree of confidence in our design.
  • Delivered mockups demonstrating design solutions for every aspect of the applications—discovery, services, services sub-search, articles, and the Provider Portal with its best in class referral management system.
  • The project will bring Utah's system of early childhood services into alignment to provide parents with greater knowledge and choice of state and community-based services and help them overcome the many obstacles they face in acquiring those services.

Tasks Performed: User Research, Experience Design, UI Design, Wireframing, Writing Design Guide

Technologies Used: XD, Illustrator, Photoshop, InDesign

Health Organizations Partner Portal

U of U Health

  • Completely redesigned and extended an extranet portal for Mountain West hospitals and health organizations partnering with U of U Health.
  • Designed an interface that conveys the value the organization offers and is extremely easy to use.
  • The site contains several custom apps—a job board, file repositories, event calendars, an education media library, an ad builder—all designed to best-in-class user experience.
  • Coded HTML, CSS, and JavaScript, and worked with developers to integrate into SharePoint, incorporating Section 508 and W3C WCAG 2.0 guidelines.
  • Worked with the marketing manager, product owners, stakeholders, and developers in continuous delivery and agile methodology.
  • Designed key sections to work well on all screens, including phone sizes.

Tasks Performed: User Research, Experience Design, UI Design, Wireframing, Prototyping, HTML/CSS/Javascript, SharePoint Integration

Technologies Used: XD, Illustrator, Photoshop, SharePoint

E-Commerce Redesign

Premier Medical Distribution

  • Modernized the look of a 20-year-old e-commerce website, streamlining usability, making it user-friendly and intuitive.
  • Coded the HTML, CSS, and Javascript and integrated it into their PointForce content management system.

Tasks Performed: Experience Design, UI Design, Wireframing, Prototyping, HTML/CSS/Javascript

Technologies Used: XD, Illustrator, Photoshop, PointForce

Case Study

Career Portal

C.R. England

“A huge project to rework and automate many parts of the process from the time the drivers first apply to work for us to when they get hired (and beyond), cutting paper and time out, making it far easier for our brand new drivers who are signing on. It was a daunting enough IT project that it was given the name 'The Four Horsemen of the Apocalypse'."

—Chad England, CEO

We revolutionized the application process at C.R. England! Dozens of screens of forms meant I had to optimize the form experience like never before. Mobile usability was absolutely essential. Our usability testing proved we hit a bullseye. The Career Portal was an instant success and immediately evident that it would have a huge impact on the company’s success going forward.

Tasks Performed: Experience Design, UI Design, Mobile-First Responsive Design, User-Focused Design, Wireframing, Prototyping, HTML/CSS/Javascript, Usability Testing

Technologies Used: XD, Illustrator, Photoshop, InVision, Pencil & Pad

View Website

Case Study

Design System

Myriad Genetics

  • Designed the user experience and user interface for a platform for internal web applications involving data entry, data analysis and processing, and data reporting.
  • Implemented Google Material Design system, adapting and extending as needed.
  • Created a living design style guide and pattern library to serve many developers in this ongoing endeavor.
  • Worked with the product manager, product owners, stakeholders, and the development team in continuous delivery and agile methodology, utilizing Jira.

Tasks Performed: Experience Design, UI Design, HTML/CSS/Javascript

Technologies Used: Adobe XD, Illustrator, Photoshop, Visual Studio Code

Internal Apps Prototype

Myriad Genetics

  • Designed the user experience and user interface for a platform for internal web applications involving data entry, data analysis and processing, and data reporting.
  • Implemented Google Material Design system, adapting and extending as needed.
  • Created a living design style guide and pattern library to serve many developers in this ongoing endeavor.
  • Worked with the product manager, product owners, stakeholders, and the development team in continuous delivery and agile methodology, utilizing Jira.

Tasks Performed: Experience Design, UI Design, HTML/CSS/Javascript

Technologies Used: Adobe XD, Illustrator, Photoshop

CRE Toolbox Mobile - CareerTrak

C.R. England
  • One of several apps within the CRE Mobile Toolbox mobile app.
  • An immersive research process produced an intuitive and effective experience.
  • Implemented Google Material Design system and Apple Human Interface Guidelines, adapting and extending as needed.
  • Used by national fleet of 7,000 drivers.
  • Drivers report that they finally understand their career options.

Tasks Performed: Research, Concept, UI Design, Logo Design, Mockups, Prototypes, Dev Handoff and Documentation

Technologies Used: Photoshop, Illustrator, InDesign, InVision

CRE Toolbox Mobile — 2-Way Messages

C.R. England
  • One of several apps within the CRE Mobile Toolbox mobile app.
  • An immersive research process, including extensive driver interviews and on-truck time, produced an intuitive and effective experience.
  • User testing with prototypes allowed course corrections in the design phase and proved invaluable to the app's success.
  • Implemented Google Material Design system and Apple Human Interface Guidelines, adapting and extending as needed.
  • Used by national fleet of 7,000 drivers.
  • Driver’s comments overwhelmingly reflect the transformative effect it has had on their jobs.

Tasks Performed: Research, Concept, UI Design, Logo Design, Mockups, Prototypes, Dev Handoff and Documentation

Technologies Used: Photoshop, Illustrator, InDesign, Invision

NeoCon Conference Microsite

ANEW Foundation

"The microsite was a pretty big hit at NeoCon!"

Glenn Sparks, Vice President, ANEW Media & Communications

Tasks Performed: Concept, UI Design, Mobile-First Responsive Design, User-Focused Design, HTML/CSS/Javascript

Technologies Used: Photoshop, Illustrator, Pencil & Pad

Workbench

C.R. England

The Workbench consists of hundreds of screens which office staff in all departments use to manage every aspect of the trucking business at C.R. England. I designed the user experience from the ground up for dozens of these to assure their success. I restyled the entire workbench, making everybody's workday more efficient and more enjoyable. The branding design concerns were nil, so I was free to optimize usability for those spending long days doing complex tasks on screens full of data. There were lots of tables and forms, allowing me to push my skills in these—which I've been at since the start—to new heights.

Tasks Performed: Experience Design, Concept, UI Design, Mockups, Prototypes, Dev Instructions, HTML/CSS/Javascript

Technologies Used: Photoshop, Illustrator, Pencil & Pad

Case Study

ANEW Website

ANEW Foundation

I designed and built a Joomla-based website geared toward getting people involved in the charity and environmental work in which the ANEW Foundation is leading the way. It is built on a content management system for a self-maintained blog and incorporates social sharing and sponsor recognition components.

"We love our new website – it’s really a great tool and reflection of the years of our hard work realized... something we keep adding to that gets better by the day. Thank you for this! Our site has been getting great reviews – those commenting on it understand its logic and format... they see a vast improvement from our former one... THANK YOU! It’s really great to have a website that compliments “us” and our public service... the blog shows our personality and it’s fun to see all the new content up on our Facebook page and on YouTube so readily. You really did a great job for us."

— Rose Tourje, Founder

Tasks Performed: Messaging Strategy, Interface Design, Joomla Custom Template Design, SEO, User-Focused Design, User Persona Development

Technologies Used: HTML5, CSS3, PHP, Dreamweaver, Fireworks, Photoshop

Personal Trainer Website

The Present Body

This San Francisco Bay Area based group needed a new website which would prioritize the needs of their existing clientelle while communicating their competitive advantage to newcomers. Since the number of their clients who train online is rapidly increasing, they also needed their site to be very usable when accessed via handheld devices. The result was a clean and professional look that's easy to use wherever it's accessed from.

Tasks Performed: Site Concept, UI Design, Mobile-First Responsive Design, SEO, User-Focused Design, Programming, Maintenance

Technologies Used: HTML5, CSS3, PHP, JavaScript, Dreamweaver, Photoshop

Mechanic Website

Arman Auto

I took a mobile-first approach to assure the priority target group—motorists breaking down on the road—have an optimal experience.

This is a custom-designed Joomla site. It has 2 sections that the client maintains themselves.

Tasks Performed: Site Concept, UI Design, Mobile-First Responsive Design, SEO, User-Focused Design, User Persona Development, Programming, Maintenance

Technologies Used: HTML5, CSS3, PHP, Joomla 3 Custom Template Design, Bootstrap 3, jQuery, Dreamweaver, Photoshop, Illustrator

View Website

Fashion Website Prototypes

The Blank Rose

High style doesn't sell itself; it needs the help of a web designer with a keen sense of style to carry the vision through to the visitor. I applied that sense as we rapidly iterated through prototypes for a new concept in shopping for fashion.

Tasks Performed: Messaging Strategy, Interface Design, SEO, User-Focused Design

Technologies Used: HTML5, CSS3, jQuery, Dreamweaver, Fireworks

View Website

Elite Awards Mobile

C.R. England

After spending a fortune outsourcing this gamified interface which incentivizes drivers' performance, C.R. England received an unfinished website. And it wasn't even usable on mobile, our primary use case! I made it work like a charm on mobile and gave it a much slicker look while I was at it. It is being used daily to facilitate conversations between drivers and driver managers on drivers' key performance indicators.

Tasks Performed: Interface Design, Mobile Responsive Design

Technologies Used: HTML5, CSS3, jQuery

Design System

C.R. England

I created a collection of resources and standards to serve developers in building a multitude of web apps, mobile apps, and websites across the company. It became the single source for governing and supporting coordinated and streamlined development from system administration, to design, to development, to QA. The resources included a complete list of development products and their authorities, reference materials, object names, CSS class names, naming conventions, widgets, scripts and how to invoke them, usability standards and instruction, and a repository of design goals and issues.

Technologies Used: Confluence Wiki

Web Development

Creative Marketing Services

The website for my own web development firm had to convey our capabilities in itself. So I gave it a mobile-first design, a user-focused message, and based it on a custom-designed Joomla template.

Tasks Performed: Site Concept, UI Design, Mobile-First Responsive Design, SEO, User-Focused Design, User Persona Development, Programming, Maintenance

Technologies Used: HTML5, CSS3, PHP, Joomla 3 Custom Template Design, Bootstrap 3, jQuery, Dreamweaver, Photoshop, Illustrator

Blockchain Websites & Design Vision

Nerd United

Utah Childhood Resources Website

Office of Child Care

Health Organizations Partner Portal

U of U Health
View Case Study

E-Commerce Redesign

Premier Medical Distribution
View Case Study

Career Portal

C.R. England

Design System

Myriad Genetics

Internal Apps Prototype

Myriad Genetics

CRE Toolbox Mobile - CareerTrak

C.R. England

CRE Toolbox Mobile - Messages

C.R. England

NeoCon Conference Microsite

ANEW Foundation
View Case Study

Workbench

C.R. England

ANEW Website

ANEW Foundation

Personal Trainer Website

The Present Body

Mechanic Website

Arman Auto

Fashion Website Prototypes

The Blank Rose

Elite Awards Mobile Version

C.R. England

Design System

C.R. England

Web Development

Creative Marketing Services