Hi, I'm

Ari Amanatidis

and I'm a
Scroll

UI & UX Designer

Disclaimer

I consider myself a design prototyper, not a front-end developer. This site is best viewed in Chrome and Safari. Some elements may not function well in other browsers.

Thank you,

~ari

aamana@me.com

My Resume

LinkedIn

Currently working at Tablet Hotels full time. I am available for roughly 10 hours of off site, non-business-hours work per week.

Mead Johnson

Viewing:

Pregnancy & Toddler Tracking Prototype

Prototype avaiable upon request

My Role:
  • IA
  • Wireframing
  • Interaction Design
  • Storytelling
  • Visual Design Guidance
  • Prototyping
Summary:

I had a two week window to design and build a prototype an app for a pitch to Mead Johnson. Working with our CEO, our account team, and a talented Visual Designer, we came up with the prototype on the left. My role was to gather feedback from the team, having them come up with user stories comprised from needs and wants for the app. From there I interpreted the stories in a wireframe that our visual designer skinned. I then built the prototype for mobile safari to emulate a native app.

Wireframe
Visual Design

Kraft Recipes

Viewing:

Recipe Detail Page

full wireframes available upon request

My Role:
  • IA
  • Wireframing
  • Interaction Design
  • Visual Design Guidance
  • Prototyping
Live url:

m.kraftrecipes.com

coming in december

Prototype url:

amanamedia.com/kraft

designed for iphone only

Email Links to Your Phone
Summary:

I was tasked to take a previously gathered 75 page requirements document and create a compelling experience. After up front work and a few internal iterations, the prototype and wireframes were presented. After the presentation, and in the months to come, hardly anything was changed in the interface. As a result, I was then tasked to consult with the desktop team.

Kraft Recipes

Viewing:

Kraft Recipes Flow Chart

Summary:

When starting large projects I like to map out the pages and interactions in a flow chart. It helps get everyone on the same page, and makes the wireframing/prototyping phase go much smoother.

BlueBite

Viewing:

NFC Campaign Engagement Tracking

My Role:
  • IA
  • Wireframing
  • Interaction Design
  • Storytelling
  • Visual Design
  • Animation
Summary:

BlueBite wanted a dashboard for their clients to track their campaign engagement with their NFC enabled posters at bus stops and airports. I had to design the experience, and create the documentation for the devs to work off, but I only had two weeks, and I would not have contact with the devs afterwards to help guide the process. I decided instead of creating 100 pages of wireframes and text, I would use my flash skills from when I started my career and animate how the interactions should behave, making it much easier for the devs to follow. Press play to see the animation.

UI & UX Trends Presentation

My Role:
  • Everything you see
Summary:

I made this presentation using a system called impress.js on current design trends for account executives to present to clients to help educate why we go in certain directions in our designs and experiences.

Launch in New Window Safari & Chrome only

Weiden + Kennedy Budget Tracking

My Role:
  • Interview Stakeholders
  • Requirements Gathering
  • IA
  • Wireframing
Summary:

Wieden + Kennedy needed a custom budget tracker to keep tabs on client project progress. Of importance was hours work, and recourses available when assigning them. They also wanted to track how accurate their original estimations were. I created a dashboard view that has a nifty infographic that lets them see all that information at a glance, along with a tracker interface that allowed them to get away from excel hell and work in a more intuitive manner. It was complicated project with many factors that needed to be in the interface. Just how I like it.

Click the dashboard to toggle between the wireframe an visual design.

Additional Clients

Quick Hits: Some of My Older Work

  • Crowdsourcing Music Fan Site
    User's become 'fans' of artists, and when enough have formed a nearby bar plays that artist for a night. Personal project, never marketed.
  • LimeWire May 08' - Nov 10'
    Music app - iPhone
    Visual design, based off my wireframes, of an artist's album and catalogue page, in one view.
  • LimeWire May 08' - Nov 10'
    Music app - iPhone
    One page from a wireframe document I made for our mobile app.
  • LimeWire May 08' - Nov 10'
    LimeWire.com sitemap
    Site map I put together for the new main lime wire site working with marketing, product, design and a remote dev team to put together.
  • LimeWire May 08' - Nov 10'
    LimeWire.com wireframe
    Example 1, part of a larger document, of a wireframe I made for the limewire site for the team to work off.
  • LimeWire May 08' - Nov 10'
    LimeWire.com wireframe
    Example 2, the featured tour page.
  • LimeWire May 08' - Nov 10'
    LimeWire.com
    Mock up based of the home page based on the wireframe I made.
  • LimeWire May 08' - Nov 10'
    LimeWire.com data analysis
    Visualization of our google analytics data I made to help see what areas of our site need work.
  • LimeWire May 08' - Nov 10'
    LimeWire unreleased Music service
    Music service worked on by our UX, design, engineering and product department.
  • LimeWire May 08' - Nov 10'
    LimeWire unreleased Music service
    Homepage worked on by our UX, design, engineering and product department.
  • LimeWire May 08' - Nov 10'
    LimeWire unreleased Music service
    Artist page worked on by our UX, design, engineering and product department.
  • LimeWire May 08' - Nov 10'
    LimeWire unreleased Music service
    Page flow I made of going from LimeWire to our new music service.
  • LimeWire May 08' - Nov 10'
    LimeWire unreleased Music service
    Page flow I made for the sign up process for the music service.
  • LimeWire May 08' - Nov 10'
    LimeWire Independent Music Store Admin
    I designed and coded the front end of the admin section. This is the album rights management page.
  • LimeWire May 08' - Nov 10'
    LimeWire Independent Music Store
    One page of a larger document analyzing site data with suggestions for UX improvements.
  • LimeWire May 08' - Nov 10'
    LimeSpot blogging platform
    Screen capture of a low fidelity usability test I was running for one of our products, limespot.com
My Skill Set
  • HTML
  • CSS
  • Visual design
  • Javascript
  • Sql
  • Ruby on rails
  • Project mngt
  • Agile
  • IA
  • Wireframing
  • Interaction
  • Usability
  • User reseach
  • User testing
  • A/B testing
  • Analytics
  • Storytelling
  • Prototyping
1998-2000

Career Beginnings

As a music major I quickly realized that I needed to pivot into another industry if I wanted to make a decent living. Not that there's anything wrong with a music career, but the industry is known to take people in and spit them out. I chose to keep music as a passion and have no regrets studying it and it's business. Besides, without learning about computers through digital music software like Pro Tools, I would not have ended up with a great career.

After speaking with my college advisor, and mentioning my interest in the digital world, he suggested I help design and build Northeastern University's very first online course as a supplement to his Beethoven 101 class. I began furiously learning how to code in HTML (I do not miss tables!) and using photoshop. He then agreed to let me re-design the music major's home page.

2000-2005

Growth

These years were spent working various freelance jobs and building my skill set. This is where I started trying to understand back end languages such as PHP and SQL etc. Although I don't consider my self a good dev, these years helped me build a solid foundation in understanding how everything works, what the limitations are, and how to break them!

I also spent a lot of time making really bad user experiences and designs. Flash and actionscripting were the culprits here. Too much freedom in designing web interfaces is a bad thing for a young designer. Just because something can spin or move, it doesn't mean that it is good for the user. Through lots of experimentation, training and time, I learned how NOT to design.

2005-2008

The Startup Years

I got recruited my a former manager to go work at Eons, a social networking site for boomers, spearheaded by Jeff Taylor, the monster.com founder. I joined up a a few months after their series A funding and worked there for almost three years and another round of funding for a total of 32 million.

I learned A TON there. I had my hands in lots of areas, learning about usability, user research, user testing, project management and more all while growing my skills as a front end developer and designer. My design skills couldn't help but get better after I started watching people use the interfaces I was involved in. From here on out, empathy in design became my passion.

2008-2011

LimeWire

I moved to NY from Boston and got a job at LimeWire, the peer to peer connecting software company. I got there at an interesting time as they were in the middle of a law suit for music copyright infringement, but also in a heavy growth mode as they tried to get from under the lawsuit and grow in a major player in the music industry.

Amongst other things, I helped plan and design a music service, built from the ground up, to compete with the likes of iTunes, spotify & rdio. At the time though, iTunes was a the only player. With a starting team of 10 or so people we forged ahead and researched, planned, designed the future product. We then re-configured our work force into an agile environment, working with about 40-50 devs, split into teams 7-8 with the UX's playing dual role of project management also.

I'm proud to say that in less than one years time we had a MVP working 1.0 version, with another 10 so versions already in the plans. In that year, my experience and skills grew by leaps and bounds. Here I learned how incredibly important it is to be clear in how you present and communicate designs to developers. The creation process is hard, and as designers, we can not assume that developers can read our minds. And on the flip side, as designers, its our job to read the stakeholders minds by knowing the right questions to ask.

20011-2013

Freelancing

After LimeWire got shut down and a bit of traveling, I decided to get back into freelancing. I've been lucky in that I got to work on some really interesting projects. I was able to bring my experience and skills to various digital agencies to help create some compelling experiences. My past work in user testing that helped me become a more intuitive designer was a great asset to these agencies. The reason being that in digital agencies things move faster than when you work on a sole product. There's always something new coming, a new pitch developing, and in the end, there are budgets, so the first thing that goes out the window is user testing. My time at agencies has allowed me to develop quick user testing methodologies. I ask random people to use an interface after its been prototyped. This is not a formal process and does not need to be. I ask anyone, from friends, family, co-workers, people walking by...anyone. Even just a couple people can help you see whats working and not working, and where you need to adjust.

My Design Philosophy

A solid Information Architecture in combination with quick, fun animations create a great User Experience. For example, many people think that the going from iOS 6 to iOS 7 was a huge difference in design, but if you examine it a little closer you'll notice that the basic Information Architecture is exactly the same. Sure, they added a couple ways to access different areas quicker than before, but the home page is the same. What they did was add quick, fun animations between transitions to bring it to life.

It’s also all about understanding the context of each user scenario and presenting them the most useful options at the right time, or put another way, providing the right tools at the right time and anticipating their intentions. That’s one core aspect of the puzzle and when combined strategically along with a solid visual UI construct and the right balance of information design, anything is possible.

I'll say one more thing. Good design is opinionated. Its about knowing the specific user's intentions and catering to it. Trying to provide a solution for everyone and any situation is an exercise in frustration and ultimately does nothing for everyone.

What I'm looking for

I want to work with people who believe in opinionated UI's.

I want to work with people who are passionate about creating the most intuitive interfaces possible.

I want to work with people who understand that creating something from nothing is not easy.

I want to work with people who understand that tension between cross functional groups is a healthy part of the process and helps create better experiences.

I want to work with talented people.

Thanks for visiting

I'm currently available for work, get in touch through my email above if you would like to discuss creating something amazing together!