ALBERTO CONTESTABiLI. PORTFOLIO

Transcription

1 ALBERTO CONTESTABiLI PORTFOLIO

2 Hybrid Designer specialising in UI/UX Expert in web applications & mobile devices About me Hi my name is Alberto. I m a hybrid design-focused UI/UX specialist with a focus in designing web & mobile applications. My Passion lies in blending UX along with the possibility to connect with people through smart design, enabling them to enjoy digital products and interactions. Throughout my work experience, from small startup companies to digital agencies and corporate structures, I gained proficiency in interactive prototypes and responsive design on different screens. My international background and cultures enables me to collaborate with people of various professions and locations. I m now looking for a new challenge and aim to work on exciting projects, within an inspiring team and help provide best practice design solutions to global audiences. MY DESIGN APPROACH Over the past years I ve had the opportunity to work in different environments (start-up, corporate and ad agencies) that exposed me to a variety of processes and workflows. This experience has helped me better define my UX process for each project according to the fundamental phases of discovery, strategy, implementation, review and measure. Discover Strategy Implement Review Measure expertise MY Strategy Interaction design User interface design OTHERS Front-end development Digital photography Professional proficiency in English, Italian, and Spanish Live gigs / Traveling / Sports / Cooking / Cycling Sketch Edge Animate After Effects OmniGraffle Balsamiq Mockups Flinto InVision Lookback Keynote & PowerPoint HTML 5 CSS 3 & SASS JavaScript & AngularJS Git Bower and Grunt Coda 2 CodeKit

3 Engines Services About Press Media Latest News CFM School CFM INTERNATIONAL 2016 London CFM is the industry s worldwide leading manufacturer and supplier for airline jet engines. Before the release of their new LEAP engine, CFM needed a redesign of their current site to better address a wide audience of visitors ranging from clients to aviation enthusiasts. As a Sr UX Designer, I managed and supervised the UX process from the initial discovery phase to the design delivery. I provided guidance on the content strategy, defined a new information architecture, outlined user flows and created wireframes. Other team members included a Creative director in New York, a Producer and two Developers based in London. Content strategy guidance User flows and sitemaps Mobile, tablet and desktop layouts Agile sprints (3 weeks) UX management Content strategy User flows Information architecture Navigational systems Specification documents Sketch InVision OmniGraffle PowerPoint Nested Page Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Press / Media. No more than 1 line. Morbi leo risus, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus. characters under 180 or no more than 2 lines. Editors Picks / Popular Services / Capabilites. No more than 1 line. Morbi leo risus, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non Engines mi porta Services gravida at About eget metus. Press Media characters Latest Newsunder CFM School 180 or no more than 2 lines. LEAP Engine. No more than 1 line. City Name, State, Country Search Service Name and Information & The exclusive power-plant for the Airbus A320neo, Boeing 737 MAX and Comac Contact C919. Information Sort by Engine LEAP-1A Description Engines of location. to power Duis mollis, est non engine commodo luctus, nisi erat porttitor ligula, eget egestas eget quam. Lorem ipsum dolor Cras lacinia justo odio, odio sem dapibus nec ac elit. facilisis Duis porttitor in, ligula, eget engine egestas lacinia. eget Characters quam. Lorem count ipsum under dolor 100 engine engine sit amet, consectetur... sit amet, consectetur... engine engine engine Read More Read More Engines Services About Press Media Latest News CFM School Lable Name Lable Name Lable Name egestas eget quam. Lorem ipsum dolor Curabitur blandit tempus porttitor. Donec sed odio dui. Cum sociis natoque January penatibus et 2017 magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum. Sed posuere consectetur est at lobortis. Integer posuere erat characters count under 250. egestas eget quam. Lorem Greater ipsum Operational dolor Assurance egestas eget quam. Lorem ipsum dolor Aenean eu leo quam. Pellentesque ornare sem lacinia quam vesti. Curabitur blandit tempus porttitor.cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuq ac facilisis in, egestas ewget quam. Integeer posuq ac facilisis in, egestas eget quam. Integer posuqwd. January characters 2017count 300. Curabitur blandit tempus porttitor. egestas eget quam. egestas eget quam. Lorem ipsum dolor Morbi leo risus, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus. characters under 180 or no more than 2 lines. 2 1 Materials CFM International main headline characters count under 100 or no more than 2 lines is recommended CFM International main headline characters count under 100 or no more than 2 lines is recommended About Headline. 55 characters or no more than one line. News Post Tile Title, Lorem ipsum dolor sit amet, consectr Morbi leo risus, vestibulum adipiscing elit. at ligula eros. porta. Nullam quis risus eget urna Cras mollis justo odio, ornare dapibus vel ac facilisis eu leo. in, egestas eget quam... Donec id elit non mi porta gravida at eget metus. characters under 180 Read or More no more than 2 lines. Press Releases Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Engines Services About Press Media Latest News CFM School TRUEngine Program Lable Name Lable Name egestas eget quam. Lorem ipsum dolor <<part-name>> egestas eget quam. Lorem ipsum dolor Maintenance Log in to the CFM Press Center For Registered Journalist Sort by Date January February March Description of this tile. Vestibulum id ligula porta felis euismod Description of this tile. Vestibulum Home Airbus A320neo Boeing 737 MAX Comac C919 id ligula porta felis euismod semper. 75 characters or no more Page than Level 21 > lines. Page Level 2 > Page Level 3 > Page Level semper characters or no more than 2 lines. Etiam Press porta sem Releases malesuada magna mollis Etiam porta sem malesuada magna mollis The Etiam Engines porta sem malesuada magna mollis Engines Curabitur blandit tempus porttitor. euismod. Cras Maecenas justo odio, faucibus dapibus mollis ac facilisis euismod. in, egestas Maecenas eget faucibus quam. mollis euismod. Maecenas faucibus mollis CFM International Contact Information Customer Logins Social interdum. characters count under 110. interdum. characters count under 110. interdum. characters count under 110. Engines Contact Us mycfmportal.com Services Services Customer Support TRUEngine Press News CFM School Page Level 1 > Page About Level 2 > Page Level LEAP About 3 > Page Level 4 Copyright LEAP and the CFM International CFM International. CFM, CFM56, a Contact 50/50 joint company Information of Snecma (Safran) CFM logo are all trademarks of CFM and Conditions The Customer Engines Logins Social Press Media International, and GE. Terms Engines Contact Us mycfmportal.com Services Customer Support Press News Innovative Technologies News Post Tile Title, Lorem News Post Tile Title, Lorem TRUEngine LEAP Latest News CFM School ipsum dolor sit Etiam amet, porta consectr sem Aboutmalesuada ipsum magna dolor mollis sit amet, euismod. consectr Donec ullamcorper nulla non metus. adipiscing elit. ligula porta. adipiscing elit. ligula porta. Copyright CFM International. CFM, CFM56, LEAP and the CFM logo are all trademarks of CFM CFM-### SFM School Full Screen Width Section International, joint company of Snecma (Safran) and GE. Terms and Conditions a 50/50 egestas eget quam... egestas eget quam... CFM-### Contact Us Fuel Efficient B A Read More Curabitur blandit tempus porttitor. The Cras exclusive justo power-plant odio, dapibus for the Airbus ac facilisis A320neo, in, Boeing egestas 737 eget quam. MAX and Comac C919. These engines had garnered more than 8,000 operates Read from more more than 50 customers across the globe. characters count under 210. Technologies Pushing the limits with 3D Printing Applications About Headline. 55 characters or no more than 1 line. Cras justo odio, dapibus ac facilisis in, egestas Read More Latest News C Lowest Emissions Pushing the limits with 3D Printing and Woven carbon fiber composites, new standard in engines for single-aisle commercial jets, based on its 15% reduction in fuel consumption. Cras justo odio, dapibus ac Cras justo odio, dapibus ac Cras justo odio, dapibus ac facilisis in, egestas facilisis in, egestas facilisis in, egestas LEAP CFM56-7B CFM56-5B Legacy Selecte Search Sub Page CFM-### Customer Login Full Screen Width Section Sub Nav Link The exclusive power-plant for the Airbus A320neo, Boeing 737 MAX and Comac C919. These engines had garnered more than 8,000 operates from more than 50 customers across the globe. characters count under 210. Material Name TRUEngine mycfm Portal April July October May August Nov. June Sept. Dec.

4 Genzyme vs.ms 2016 London vs.ms is a global campaign launched by Sanofi Genzyme as a global initiative to raise awareness of the often unspoken physical and emotional burden of multiple sclerosis (MS) of patients and their care partners. Approaching the launch of the vs.ms campaign, the client needed a new responsive website which focuses on educating visitors on the impact of MS and the physical and emotional challenges beyond the commonly discussed symptoms. As a Sr UX Designer, I defined the Information architecture from scratch in 3 days. Creation of high fidelity wireframes, user flows and the implementation of two learning modules about the challenges and impact of MS. Other team members included a producer and a team of developers. Information architecture User flows and sitemap Agile sprints (6 days) User flows Information architecture Documentation Mobile, tablet and desktop layouts Specification documents User interfaces solutions Sketch OmniGraffle Learn about MS vsms Game Resources Introduction <<pagename>> copy, manin title. max of 70 characters. Learn about MS vsms Game Resources Intro Copy, paragraph under 350 characters are reccomended. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui. Vestibulum id ligula porta felis euismod semper. Nullam id dolor id nibh ultricies vehicula ut id elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh Introduction Learn about MS <<pagename>> vsms Game copy, manin title. max Resources of 70 characters. Feature Module, introducing users to vsms. Recommended characters under 100. Preventing more than 3 line title. Intro Copy, paragraph under 350 characters are reccomended. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed odio dui. Vestibulum id ligula porta felis euismod semper. Nullam id dolor id nibh ultricies vehicula ut id elit. Video Module, providing users more information. Recommended characters under 90. Information module support copy, reflecting media content to provide clear communication to the users about the intention of this module. Recommended characters are no more than 180. Learning Module Two single line title Short description about this module and what users Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh Learning Module One single line title Short description about this module and what users will be learning, Recommended characters under 100. Video Module, providing users more information. Recommended characters under 90. Information module support copy, reflecting media content to provide clear communication to the users about the intention of this module. Recommended characters are no more than 180. will be learning, Recommended characters under 100. Feature Module, Video introducing Module, providing users users to more vsms. information. Recommended characters under 90. Name of the PDF Document. max characters are no more than 60 Recommended characters Begin under 100. Preventing Copy providing a description of what the content of the document is. Estimated characters are no Information module support copy, reflecting media content more than to 160. provide more than 3 line title. Cras mattis consectetur purus sit amet fermentum. 5px 15px 10% clear communication to the users about the intention of this module. 15px Feature module support copy, Recommended providing a characters quick overview are no more about than 180. vsms and/or Feature Module, introducing users to vsms. Recommended characters under 100. Preventing more than 3 line title. support copy to clearly communicate the intended subject. Recommended Name of the PDF Document. max characters are no more than 60 Does MS characters affect you are direcctly, no more lacinia than bibendum? px Feature module support copy, providing a Copy providing a description of what the content of the document is. Estimated characters are no 14px View Short answers Two line answers, Curabitur blandit 68px more than 160. Cras mattis consectetur purus sit amet fermentum. tempus porttitor. Fusce dapibus. 14px quick overview about vsms and/or Providing copy to support question contnet for users to awnser. Nullam Medium answers, Donec id elit non mi porta gravida at eget metus. Aenean Large answers, Curabitur blandit tempus support copy to clearly communicate the quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus lacinia bibendum nulla sed consectetur. porttitor. Aenean eu leo quam. Learning Module Name One Donec sed odio dui. of the PDF Document. Video Module, Pellentesque max characters providing ornare sem are no users lacinia quam more more than information. intended subject. Recommended 60 magna, vel scelerisque nisl consectetur et. venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula Copy providing a description of what Recommended the content of the document characters is. Estimated under characters 90. are no View characters are no more than 210. single line title more than 160. Cras mattis consectetur purus sit amet fermentum. Information module support copy, reflecting media content I to never 375px provide thought of the things I 570px 1.6% Short description about this module and what 1.6% have been struggling with as Jacobo, like many people living with clear MS, communication tries to have a positive to outlook the users about the intention of this module. forms of disability from my MS. users will be learning, Recommended not defining his symptoms as disability or equating them to disease Recommended characters are no more than 180. Name progression. of the But PDF what does Document. he lose as a result? max characters are no more than 60 Jacobo, living with MS I never thought of the characters things I have 535px under px been struggling with as forms of Copy providing The goal of a this description educational series of what is to the encourage content you of to the examine document the full is. Estimated characters are no View Awareness every connection more than picture 160. of counts. your Cras MS. mattis That Share includes consectetur taking a the purus time to sit understand 5px amet fermentum. all the disability from my MS. Jacobo, ways MS is impacting your life living with Tweet MS Learn about Now vsms, with emotionally. #hashtag. Having a true understanding Jacobo, like many people living with MS, tries to have and how it makes you feel physically and of your MS experience today a positive outlook not defining his symptoms as allows you and your care team to make better decisions that may help disability or equating them to disease progression. But Next Page Section delay your disease progression tomorrow. Tweet Name #hashtagof the PDF Document. max characters are no more than 60 what does he lose as a result? To prevent dead ends on each page, users Copy will providing be provided a description with of informationa what the content to of navigate the document is. Estimated characters are no Learning Module One The goal of this educational series is to View encourage you and read about the next related page more than 160. Cras mattis consectetur purus sit amet fermentum. to examine the full picture of your MS. That includes Learning Module 50px Two 662px 134px 134px 5px single line title taking the time to understand 20px all the ways MS is vsms impacting Game your life and how it makes you feel 173px 60px 173px Short description about single this module line and what title physically and emotionally. Having a true 10% understanding of your MS experience today allows you 5px users will be learning, Recommended characters Name of the PDF Document. max characters are no more than 60and your care team to make better decisions that may Short description about this module and what under 100. users will be learning, Recommended Terms and Conditions Privacy Policy Contact Copy Us providing a description of what the content of the document is. Estimated characters are no help delay your disease progression Next View tomorrow. Next more than 160. Cras mattis consectetur purus sit amet fermentum. Learn Now characters under 100. Begin Share Tweet View This site is intended for EMEA, United States, Canada and Australia residents only. Name of the PDF Document. max characters are no more than 60 Raising Learn awareness Now tweet with #hashtag Raising awareness tweet with #hashtag Raising awareness tweet with #hashtag Raising awareness tweet with #hashtag content Genzyme content Corporation, a Sanofi company. All rights reserved. Copy providing content a description of what the content of content the document is. Estimated characters are no [Brand] and Genzyme are registered trademarks of Genzyme Corporation. XX-XX-XXX-XX-XX. Last updated XXMONTHXX XXYEARXX. more than 160. Cras mattis consectetur purus sit amet fermentum. View

5 ORIGIN / EA GAMES SAN FRANCISCO Origin is Electronic Art s digital gaming platform that allows users to purchase, download and directly play games. To redesign the whole look and feel of the Origin platform. Executing a number of roles on different projects within the Origin platform, I predominantly maintained the UX for the live Origin ecommerce store. Additionally, prior to the launch of the latest Origin experience, as a UX Prototyper I designed, built and delivered complete interactive prototypes for the storefront, profile, settings pages and other components. Other team members included UX Designers, a Producer, QA teams, and engineering teams based in California and Canada. 10+ functional prototyped pages 200+ dynamic angular directives UI elements Agile development Advanced web front-end Prototyping Design library Interactions and animations Product design Drag-and-drop prototypes 30+ designed templates Documentation Sketch HTML5 / SASS AngularJS / JavaScript Terminal Bower /Grunt Edge Animate

6 You have already authorized the App? NIBBLE SAN FRANCISCO Nibble is a platform that helps people search for current and relevant events happening nearby. Create, develop and deliver a new product mobile application As a UX Designer, I lead and produced the entire process from concept creation through research, build, testing and design to final delivery of the user experience. Creative proposal Qualitative and quantitative research findings Persona profiles Pen and paper sketches System diagrams Card sorting findings Users flow Identity creation Brand styles guide UI elements App Name App tag line Sign In Sign In to Account Sign in with Facebook or via contestabili ******** Sign In Sign In to Account Forgot username or password? Sign In Cancel App Facebook You have already authorized the App. Help? ERROR Get Started Sign In Is the account NO Create new account With existing account Valid? Username or Password Forgot username or password? Q W E R T Y U I O P YES A S D F G H J K L Z X C V B N M _123 space return Project Management Agile and Kanban Research Sketching Information architecture Prototyping Product design Sketch OmniGraffle POP App Flinto Signing Up Welcome Screen 0.0 Welcome Screen YES Do you Have an account? Sign Up Create a New Account Sign Up with Facebook or via Full Name Username or Password Re-Type Password By Signing up you accept the Terms of use and Privacy Policy. 1.4 Sign Up Options NO Sign Up with FB or ? 1.0 Sign In Options Sign In Create a New Account Alberto Contestabili contestabili Password Re-Type Password 1.5 Sign Up with Sing In Q W E R T Y U I O P ERROR A S D F G H J K L Z X C V B N M _123 space Next , pw (x2), Screen Name Cancel Facebook Authorization Window 1.1 Sign In with ERROR App Facebook 1.6 Sign In Facebook User Name and PW Valid? Help? Authorization Approved? App Name will receive the following info: your public profile, friends list, address and check in history, FB Schema NO NO YES 1.2 Sign In Facebook Connect Suggested Apps? YES Forgot Password? Forgot Username? Select Apps To Conncet NEXT USER FLOW PAGE Account Help App Retrieve Info 1.3 Forgot Info NO Home Screen Account Help App Retrieve Password Please Enter Your Username Cancel Send 1.3B Retrieve Password Profiles

7 CHARTBOOST SAN FRANCISCO Chartboost is a mobile based game advertising platform for game developers. I joined the design team of the fast growing start-up as a Visual UI/UX Designer working on a range of different projects. My key focused was on the delivery of print and digital projects for internal products & marketing events such as GDC, Chartboost University and SF Indie Game Jam. Other members of the team included Engineers and Product managers for the development of interactive prototypes prior to the launch of Chartboost Video. UI elements Web mockups Marketing swag (mugs, t-shirts, etc. ) Mobile prototypes Agile Scrums Mobile UI design Visual design Maketing Print design Prototyping Promotional printed materials Keynote presentations Animated interstitials Seasonal event graphics After Effects Edge Animate Keynote Coda 2

8 Intel Intelligent Systems 2013 SAN FRANCISCO Connecting billions of devices and extracting big data to deliver greater insights with connectivity, manageability, security, and performance. The world leading, San Francisco based agency was seeking a group of designers to create pixel-perfect design mock-ups for a betting pitch with Intel. The brief included a set of pre-approved wireframes to be designed while maintaining Intel s current brand direction. I was working with a Sr. UX Designer and was responsible for the delivery of a pixel-perfect mock-up, creating new UI elements following Intel s current branding and pre-approved wireframes. Pixel perfect mockup for project bitting Visual design UI elements

9 Ardica Technologies 2013 SAN FRANCISCO Ardica Technologies is a leader in lightweight power solutions that dramatically extend the use and utility of electronic devices for military and consumer markets worldwide. Ardica needed a website that presented their innovative portable power solutions and benchmark in energy density technology products to a wide variety of government, enterprise and consumer applications. As a Visual UI/UX Designer, my responsibilities on the project included pitching concepts to the client, competitive research, defining brand guidelines, creating wireframes and web visual designs. Other team members included a Lead product manager, a team of Developers and a partner creative agency. Art direction Brand direction Market research Art direction Client interviews Visual design Pixel perfect mockup Graphics & UI elements InDesign

10 Juxtapoz Magazine 2013 SAN FRANCISCO Juxtapoz Art & Culture Magazine is a magazine created in 1994 by a group of artists and collectors to both help define and celebrate urban alternative and underground contemporary art. Looking to further develop my skills on a Edge Animate, I took the initiative to design, prototype and propose to Juxtapoz what their tablet magazine app could look like. My approach included an initial assessment of their current site, establishing navigational patterns and behaviours, design branded UI, and creating a working prototype capturing animations and interaction between screens. Interactive prototype UI elements Content strategy Information architecture Visual design Interface design Prototyping Pixel perfect mockup for project bitting Edge Animate

11 THANK YOU RECAP 4 years of WORK experience 20+ Projects PROJECT BUDGET of 25k to 300k+ Platforms inc. Web, Mobile & Desktop CONCEPT PROTOTYPES ORIGIN - EA GAMES Available Now a.contesta@me.com CHARTBOOST Preview Online password: acdesign JUXTAPOZ MAGAZINE