Hi! I’m

Nicole Sciackitano

I design interfaces,
strategize user experiences,
and craft things for the web.



Find out more about me below
or check out some of the things
I’ve worked on in my portfolio.

I’m a UX/UI Designer

I design interfaces, strategize user experiences, and craft things for the web.

Find out more about me below or check out some of the things I’ve worked on in my portfolio.

About Me



Nicole Sciackitano UX/UI Designer

I’m Nicole, a user experience and interface designer who delivers seamless, intuitive, and meaningful experiences on digital products through meticulous, user-centered design. Currently based in Chicago, Illinois, I work as a User Experience Designer at Gamut, a W.W. Grainger Company leading design efforts on internal and consumer-facing experiences across digital platforms including web and mobile. I enjoy clean, thoughtful design that focuses on the most essential aspects of a product, process, or interface.

Featured Work



  • Online Portfolio

    Online Portfolio
    UI/UX | Desktop + Mobile

  • Online Portfolio

    • Final Product


      Deliverables: A responsive online portfolio.

      Tools Used: PhotoShop, Illustrator, HTML/CSS/jQuery, Foundation 5 framework, and my trusty notepad & pen.

      My Contribution: I created all assets for this project. I took feedback from friends and classmates to inform my designs throughout each iteration.

      Challenges:The most challenging aspect of this project was manipulating Foundation 5 CSS in order to customize the look and feel of the site. In retrospect, my work flow would have been much more efficient had I used a simple 960 grid framework instead of Foundation 5.

    • Sketches

      Sketches

      Next, I sketched out several composition layouts for the website, including both desktop and mobile versions.

    • Style Tiles

      Style Tile created by Nicole Sciackitano

      Style Tile created by Nicole Sciackitano
      Click on the images to see images full size.

      In order to conceptualize pertinent visual elements for my website, I created two distinctly different style tiles to inform the design of my website. I presented both style tiles for critique by fellow classmates. Per the aforementioned peer critiques and feedback from family and friends, I chose the first style tile to inform the design of my mock-ups as seen on the next screen.

    • Mock-ups

      Colored Mock-up created by Nicole Sciackitano

      Desktop Mock-up


      Colored Mock-up created by Nicole Sciackitano

      Mobile Mock-up

      Click on the images to see images full size.

      I used Photoshop to create mock-ups for a desktop version as well as a mobile version of my website.

  • Chicago Public Library Website Redesign

    Chicago Public Library Website Redesign
    UI/UX | Info Architecture

  • Chicago Public Library
    Website Redesign

    • Project Overview



      Chicago Public Library

      As part of my HCI coursework I worked with a team to redesign the information architecture for the Chicago Public Library website . The Chicago Public Library caters to a diverse group of users and provides public access to a vast repository of materials, public services, and events.

    • Project Details

      Chicago Public Library Current Home Page

      Chicago Public Library Current Home Page


      Final Wireframe for CPL Advanced Search for Mobile

      Wireframe for Advanced Search

      Click to see full size image.

      Project Goal: To conceptualize a redesign of the Chicago Public Library website that improves efficiency, flow of information, and wayfinding within the site's vast repository of information.

      Deliverables: We produced a report at the end of the design phase and a series of wireframes that is a culmination of our efforts. I was instrumental in consolidating our individual designs and documentation into the final document. Additionally, we presented the contents of the final report to our peers and professor.

      Tools I Used: PhotoShop, Axure, Omnigraffle and good old-fashioned pen, paper & sticky-notes!

      My Team: Nicole Sciackitano, Micheala Douglas, David Henry, Irene Liu

      My Contribution: I created a site map, sketches and wireframes for the proposed redesign.I assisted in defining the scope and navigational flow of the website as well as recruiting and facilitating a cardsort with users. I was responsible for the visual design of the website mock-ups as seen in the final document.

    • Design Process

      CPL Site Map created by Nicole Sciackitano

      Site Map I created in PhotoShop


      Card Sort Data

      Card Sort Data


      Click on the images to see full size.

      High-Level Overview:

      Our design process consisted of the following steps: 1) Competitive analysis, 2) Define content items, 3) Conduct a card sort, 3) Analyzing the card sort results, 4) Synthesize card sort results into individual sitemaps and wireframes, 5) Critique individual sitemaps and wireframes, 6) Negotiate content organization and the overall layout of the landing page and supplementary content pages, 7) Consolidate individual sitemaps and wireframes into final design.

      Competitive Analysis:

      We conducted research into the domain by first conducting a competitive analysis into websites and apps that exist for public libraries.

      Define Information Archiecture Content Items:

      Next, our team defined pertinent content items to inform the information architecture for the redesign of the Chicago Public Library's website.

      Card Sort:

      From there, the team conducted a card sort wherein we recruited study participants to sort and organize the content items into categories using an online card sort application. Each team member recruited at least three participants to conduct the card sort. In all, 14 users completed the task, including library personnel and acquaintances of the researchers. Next, each team member analyzed the card sort results using the card sort tree diagram as a means of discerning patterns of categorization and organization among participants.

      Wireframes:

      Each team member synthesized card sort findings to inform the design of his or her individual sitemaps and wireframes. From there, we critiqued the individual work and negotiated content organization and the overall layout of the landing page and supplementary content pages. Finally, the culmination of our efforts was the consolidation of individual sitemaps and wireframes into our final design.


    • My Wireframes

      Chicago Public Library Website Redesign Wireframes created by Nicole Sciackitano

      Advanced Search for Desktop



      Chicago Public Library Website Redesign Wireframes created by Nicole Sciackitano

      Advanced Search for Mobile

      Click on the images to see images full size.

      Our team was tasked with creating wireframes for two core tasks typically performed on the Chicago Public Library web site. Additionally, we were required to create wireframes for desktop and mobile interfaces for each core task. Our team chose to mockup an advanced search as well as placing a book on hold.

      The wireframes seen here are my own deliverables I created using Omnigraffle and PhotoShop.


    • Final Product

      Chicago Public Library Website Redesign Wireframes created by Nicole Sciackitano

      Advanced Search for Desktop


      Final Wireframe for CPL Advanced Search for Mobile

      Advanced Search for Mobile


      Final Wireframe for placing a book on hold

      Final Wireframe for Placing a Book on Hold

      Click on the images to see images full size.

      Deliverables: We produced a report at the end of the design phase and a series of wireframes that is a culmination of our efforts. I was instrumental in consolidating our individual designs and documentation into the final document. Additionally, we presented the contents of the final report to our peers and professor.


      READ THE FULL REPORT!


  • Improving the Dining Experience for Vegetarians Report

    Improving the Dining Experience for Vegetarians
    UI/UX | User Research

  • Improving the Dining Experience for Vegetarians Report

    • Final Product


      Overview:The aim of this study is to understand how vegetarians use technology to seek out new restaurants that cater to their dietary needs. Ultimately, our goal was to provide a solution that enables vegetarians to quickly and efficiently find "vegetarian-friendly" restaurants in a given location and enhance their dining experience.

      Our field research consisted of contextual inquiry, an interviewing and observation technique that helps researchers gain an understanding of the participants’ workflow, constraints, and needs by observing them in their natural work environment. In all, we conducted five user observations, five interviews and seventy-two surveys of vegetarians to understand the factors that influence where they choose to dine-out.

      My Team: Nicole Sciackitano, Parveen Jagajeevan, Nithya Madhavan, Kyle Penn, Laura Schroeder

      My Contribution: Solely wrote the the findings section for all methods as well as the discussion and conclusions section, proof read all sections, contributed to writing the interview script and survey questions, conducted one observation, one interview, and multiple surveys, contributed to the creation of the affinity diagram, instrumental to analysis and findings for all methods, and created one persona.

      Challenges:
      • The team was scattered acrossed the United States so communication was done via web conferencing.
      • It was difficult to keep everyone on the same page and focused on the same research question.

    • Persona

      Persona created by Nicole Sciackitano

      Click image to see image full size.

Other Work