Home Work
  • Home
  • Work
Jim O’Neill ❖ Digital Product Designer
Jim O’Neill ❖ Digital Product Designer
Jim O’Neill ❖ Digital Product Designer

Jim O’Neill ❖ Digital Product Designer

‣
Template instructions (start here)

First of all, thanks for purchasing Folio — I'm thrilled! If you have any questions as you go through the setup process, please don't hesitate to shoot me an email. Let's get started!

⚡️UPDATE⚡️

09/07/21: I've added the ability to choose between both dark and light versions of the template. Check out the Head tab section below to see how to use activate it.

  1. Duplicate this template to your own Notion workspace
  2. Create your site on Super and use your newly created page as the Notion URL
  3. Add your code to your Super settings: Sites > Settings (Gear Icon) > Code
    4. ‣
    Under the Head tab, add the following code:

    Here's a short video showing how to activate the light theme:

    ‣
    Under the Body tab, add the following code:
  4. Set up your pages on Super
    5. ‣
    Sync URLs

    You can use Sync URLs if you like, but we find that adding pages manually to Super is a much more reliable way to handle page integration. This may change in the future, but we recommend doing this for now.

    image
  5. Before you launch, have a look at our checklist:
    6. ‣
    Checklist
    Update your header navigation in Super
    Change the links in the Footer database
    Update your favicon in Super
    Add pretty URLs to your pages, projects, and blog articles

Digital product design for business

Hi, I'm Jim – a longtime digital product designer and user experience consultant. My specialty is business apps.

View Work Samples →

Experience

Travelers

Senior Lead Experience Designer – Personal Insurance, January 2022–Present Lead design delivery for teams supporting the MyTravelers Policy portal & mobile app. Coordinate design consistency across a diverse team supporting Billing, Claim, and Onboarding. Direct the Travelers UX Bootcamp, an 8-week experience design course for non-designer employees.

Pixels for Humans

Director of UX, 2015–January 2022 Led the design & front-end development for 20+ product design projects, including both web & mobile applications for a variety of clients. Created interactive demo prototypes in Figma for multiple clients that yielded high sales and investment returns.

FM Global

Senior UX Designer, 2017-2018 Led the design process for a collaborative team developing new internal tools using in-depth UX research, Design Thinking, and Agile development practices.

Threat Stack

Senior Designer, 2016-2017 Led all product-related UI design as the sole visual & interaction designer for a SaaS cloud security product, working with a collaborative, multi-disciplinary product team.

Oliver Wyman

Lead Designer for Oliver Wyman Labs, 2014-2015 Designed a family of 5+ web-based software applications, working with small ad-hoc project teams; developed the group's first design system for standardizing the visual language.

Education

Rhode Island School of Design BFA Graphic Design, 2005

Tools & Capabilities

  • Figma is my favorite design software, though Sketch holds a special place in my heart. I'm also cool with XD, if that's your thing.
  • I have lots of experience with, and opinions about, writing HTML & CSS (especially with Sass). This always informs my design work. I know enough JavaScript to break things; I then usually ask an expert to help me fix them 🙂
  • I can turn my hand to research and visual design. Neither is my primary focus, but I've worked closely with both disciplines, and I know how to critique and support them.
  • I love working at the systems level, creating consistency across features or products. Design systems are a strong interest of mine.

Footer

Row
Footer rows
1

Home ‎/‎ Work

2

Site crafted using Notion with Super.

3

Contact me: jim@jimoneill.net

‣
Hide all of your pages in this toggle menu, only you will see it
AboutWorkBlogFooterDatabases

Blog Database

Want to get hired in UI/UX? Do this.Want to get hired in UI/UX? Do this.
Want to get hired in UI/UX? Do this.
August 1, 2021
Beyond aesthetics: 3 simple ways to test your design’s effectivenessBeyond aesthetics: 3 simple ways to test your design’s effectiveness
Beyond aesthetics: 3 simple ways to test your design’s effectiveness
July 1, 2021
5 creative photo editing tips every graphic designer should know5 creative photo editing tips every graphic designer should know
5 creative photo editing tips every graphic designer should know
June 1, 2021
Work smarter, not harderWork smarter, not harder
Work smarter, not harder
May 1, 2021
<!-- Product Theme styles -->

<link rel="stylesheet" href="https://mattdowney.github.io/folio/style.css">

<!-- Light Theme -->

<!-- Remove this HTML comment to use the light theme

<link rel="stylesheet" href="https://mattdowney.github.io/folio/light-styles.css">

Remove this HTML comment to use the light theme -->

<!-- jQuery v3.2.1 -->

<script type='text/javascript' src='https://code.jquery.com/jquery-3.2.1.min.js' id='script-name-js'></script>

<!-- Product Theme javascript -->

<script defer="defer" async src="https://mattdowney.github.io/folio/site-min.js"></script>

<!-- Add Analytics here (optional) -->
<!-- 
Desktop navigation
Important: Make sure to swap out the img link to your logo and update the pixel width accordingly
 -->

<nav class="desktop-nav">
  <div class="left">
    <a href="/">
      <img style="width: 65px; height: auto;" src="https://mattdowney.github.io/folio/img/img-logo.svg" />
      </a>
  </div>
  <div class="right">
    <a class="nav-link-1" href="/about/">About</a>
    <a class="nav-link-2" href="/projects/">Projects</a>
    <a class="nav-link-3" href="/blog/">Blog</a>
    <a class="nav-link-4" href="mailto:hey@mattdowney.co">Contact</a>
  </div>
</nav>

<!-- 
Mobile navigation
Important: Make sure to swap out the img link to your logo and update the pixel width accordingly
 -->

<div class="mobile-nav">
  <div class="left">
    <a href="/">
      <img src="https://mattdowney.github.io/folio/img/img-logo.svg" />
      </a>
  </div>
  <div class="right">
    <input id="nav" type="checkbox" />
    <label for="nav">
        <span></span>
        <span></span>
        <span></span>
    </label>
    <nav>    
        <ul>
            <li><a class="nav-link-1" href="/about/">About</a></li>
				    <li><a class="nav-link-2" href="/projects/">Projects</a></li>
				    <li><a class="nav-link-3" href="/blog/">Blog</a></li>
				    <li><a class="nav-link-4" href="mailto:hey@mattdowney.co">Contact</a></li>
        </ul>  
    </nav>
  </div>
</div>