Hello! I’m Natalie Stopko, a user experience expert, business owner, creative director, illustrator and computer geek. I’m passionate about creating beautiful, engaging, user-friendly web and mobile sites. Please view my work, learn more about me, or send me a message.

Featured Work

Project: GetSmart Website Redesign .v2

Portfolio

Project: SpecialGlobe Brand Development and Website Design
Back to Top

Client: SpecialGlobe, LLC.

Responsibilities: Creative Direction, UX Design, Front End Development, Wire Frames, IA, Usability, Team Management

Tools Used: Photoshop, Illustrator

Project Details: Hired by SpecialGlobe to develop their brand and oversee all user experience. Provided logo design, business card design, color palette development, prototype design, splash page design/development, social media branding, IA, wireframing, SEO, vendor selection for online community.

View Project >
Project: Joe's Lead Shack Website for LeadiD
Back to Top

Client: Lead Intelligence, Inc./LeadiD

Responsibilities: Creative Direction, Design, Wire Frames, IA, Usability

Tools Used: Photoshop, Illustrator

Project Details: LeadiD needed a website to demonstrate their product functionality during client calls and meetings. Provided design services. Partnered with a LeadiD front-end developer to build the website.

View Project >   View Website >
Project: LeadiD Brand Development and Website Redesign
Back to Top

Client: LeadiD.com

Responsibilities: Creative Direction, Design, Wire Frames, IA, Usability

Tools Used: Photoshop, Illustrator

Project Details: LeadiD.com required a brand overhaul and hired me to provide creative direction and design services. My package included: logo design, seal design, business card design, website design, application interface design and video creative direction. Partnered with a user interface developer / architect to incorporate strong seo, accessibility and usability best practices.

View Project >   View Website >
Project: RIT Finance and Administration Website
Back to Top

Client: Rochester Institute of Technology, Finance and Administration

Responsibilities: Project Management, Creative Direction, Wire Frames, IA, SEO, Usability

Project Details: RIT Finance and Administration department required a content management system (CMS) implementation to ease updating their website which housed information for 35 sub departments. Drupal was selected as the CMS. Site was designed and built using a responsive design framework. Oversaw the CMS roll-out, design, front end and application development, testing, training, content transition and launch of the new site.

View Project >   View Website >
Project: Mobile @ RIT
Back to Top

Client: Rochester Institute of Technology

Responsibilities: Creative Direction, Wire Frames, IA, Usability

Tools Used: Illustrator

Project Details: Provided creative direction and oversaw content development for the official RIT campus mobile website. Partnered with The Wallace Center's Web/IT Services department. Site uses a responsive design framework.

View Project >   View Website >
Project: RIT Enrollment Website and Marketing Plan
Back to Top

Client: Rochester Institute of Technology

Responsibilities: Creative Direction, Usability, Project Management, Marketing Program Over site

Project Details: Launched a multipronged approach to notify teachers, parents and students about the new course enrollment process and calendar change. My team was responsible for launching an informational, mobile friendly, website, print collateral (postcards, posters, banners, table tents), online banner advertisements, HTML email development, social media consulting, content development, project planning, etc.

View Project >   View Website >
Project: RIT Global Village Website Redesign
Back to Top

Employer: Rochester Institute of Technology

Responsibilities: Creative Direction, User Data Collection, Card Sorting, IA, User Testing, Design & Development Management

Project Details: The new Global Village website launched in October 2011. The site is designed to grow business on campus by attracting and retaining a unique range of visitors. My team provided competitive analysis, user data collection, IA, wire-framing, design, development and user testing. The new site is a first for RIT; incorporating advertising, strong calls to action and integration with social media. A mobile version will be available soon.

View Project >   View Website >
Project: RIT Mobile Website and iOS Apps for iPhone and Android
Back to Top

Employer: Rochester Institute of Technology

Responsibilities: Creative Direction, Competitive Analysis, User Data Collection, Information Gathering, Requirements Gathering, Data Management, Development Management, User Testing

Project Details: Mobile website, iPhone and Android apps to launch in Fall 2011. Selected to be SME and leadership member of the Mobile Strategy Committee. Partnered with Modo Labs on development. In-house team responsible for implementing an infoHub to securely serve up data to all RIT mobile sites and apps. Secondary role was Creative Director. Responsible for overseeing all UX/UI design and user testing.  View Project >   View Mobile Website >

Project: RIT Interactive Google Map & Mobile Site
Back to Top

Employer: Rochester Institute of Technology

Responsibilities: Creative Direction, Wire Frames, Usability Testing, Development Team Management

Project Details: RIT's first interactive map, built on Google Maps API V3. The map integrates with a custom map information system, a database of shared content. Data can be used by any mapping framework, on any desktop or mobile device. Utilizes a best-in-class search engine. Selected to present at the RIT Imagine Festival and HighEdWeb Rochester, NY.

View Project >  View Website >
Project: RIT Tiger Roar Mobile App for Android and iPhone
Back to Top

Employer: Rochester Institute of Technology

Responsibilities: Mobile App Creative Direction, User Testing

Project Details: A student's idea brought to fruition by a cross-departmental team made up of faculty and staff. The TigerROAR app was designed as a fun way to show school spirit. The tiger animates and roars when you shake your phone. We also integrated the use of a strobe effect for the RIT deaf and hard of hearing population. Phase two includes a 'wave' feature which will be exceptionally fun for athletic events.

View Project >  View Website >
Project: LendingTree Website Redesign and CMS Implementation
Back to Top

Employer: LendingTree, LLC.

Responsibilities: Concepting, Wire Frames, IA, Project Work Flow, Usability Testing Management, Creative Direction

Tools Used: Photoshop, Illustrator

Project Details: LendingTree’s first true website redesign and CMS implementation. My team was an integral part of this transition and set the ground work for the new LendingTree rebrand. This was also LendingTree’s first time using best practices in accessibility and usability standards.

View Project >
Project: InsuranceTree BETA Web Site
Back to Top

Employer: LendingTree, LLC.

Responsibilities: Art Direction, Photography and Flash Design, Logo Design, Banner Design

Tools Used: Photoshop, Illustrator, Flash

Project Details: LendingTree is branching into new markets. This beta site was designed and built to test the viability of selling insurance under the LendingTree brand.

View Project >
Project: LendingTree Small Business Website Design
Back to Top

Employer: LendingTree, LLC.

Responsibilities: Wire Frames, Visual Design, Icon Design, Photo Selection, Creative/Art Direction, IA, Usability

Tools Used: Photoshop, Illustrator

Project Details: LendingTree Small Business is a new product offered by LendingTree. The site needed to be light and friendly, to engage our demographic of 20-30 year old men and women.

View Project >
Project: Tree.com Announcement and Investment Web Site
Back to Top

Employer: LendingTree, LLC.

Responsibilities: IA, Visual Design, Logo Design, Creative/Art Direction, Front-End (HTML/CSS) Management

Tools Used: Photoshop, Illustrator

Project Details: Tree.com was designed and built in a week to announce the LendingTree spin-off from IAC to investors.

View Project >
Project: GetSmart Website Redesign .v1
Back to Top

Employer: LendingTree, LLC.

Responsibilities: IA, Creative Direction, Illustration, Front-End (HTML/CSS) Management, Usability Team Manager

Tools Used: Photoshop, Illustrator

Project Details: GetSmart’s first real redesign. They wanted a fun and playful design that catered to young women, their main demographic. My character illustration “Smarty Pants” was a hit! This website received a WebAward from the Web Marketing Association.

View Project >   View Website >
Project: Coats & Clark Web Site Redesign and CMS Implementation
Back to Top

Employer: Coats & Clark / Coats North America

Responsibilities: IA, Art Direction, Illustration, Front-End (HTML/CSS) Management, Usability Team Manager

Tools Used: Photoshop

Project Details: Worked with an agency to design and build out the new Coats & Clark corporate website using a CMS tool. I was responsible for overseeing the company brand standards, photo selection and image manipulation. I also worked with developers on setting up the CMS tool and training new users.

View Project >
Project: Paul Stopko Photography .v1 and .v2
Back to Top

Employer: Paul Stopko Photography

Responsibilities: IA, Visual Design, Logo Design, Usability, SEO

Tools Used: Photoshop, Illustrator, eventually Flash (photo viewer)

Project Details: After deciding to pursue his passion for photography, the client decided a new web site was in order. This site provides a stronger emphasis on his work and it modernizes the look. I designed the first version of his web site many years ago. The new web site will feature larger imagery, a photo viewer, technique descriptions and a blog.

View Project >
Project: Charlotte, NC Pink Slip Party Website
Back to Top

Employer: Webgrrls International - Women's IT Group, Charlotte Chapter

Responsibilities: IA, Visual Design, Development

Tools Used: Photoshop, Illustrator, HTML, CSS, JavaScript

Project Details: Board member for Webgrrls International. Planned and organized Charlotte’s first Pink Slip Party. Designed website and print advertising. Website was featured in the Charlotte Business Journal and on News 14 Carolina. Advertisement was run in Creative Loafing magazine.

View Project >
Project: Various Kodak Projects
Back to Top

Employer: Eastman Kodak

Responsibilities: Visual Design, Illustration, Flash Design, HTML & Flash Development

Tools Used: Photoshop, Illustrator, HTML/CSS, Flash

Project Details: Provided design, front-end web development, Flash design/development and illustration for many projects on the Kodak.com team. Most notable projects were the Olympic Games, the Kodak Online Store and the Flash piece for the Advantix camera.

View Project >