...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Workshop: Sketch and Framer | Design & Prototype NYC Meetup

#Sketch #Framer #workshop #Prototyping

Davo will be teaching this workshop. You can watch Framer tutorials here.

As usual if you are a student or can’t afford the ticket let me know and I’d be more than happy to sponsor you. Reach out at francesco@freeandwilling.com

For more info and tickets.... 👇










Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Redesigning Facebook Reactions – prototypr

#Prototyping #UX #Facebook

Facebook reactions went live on 24 Feb 2016, and from that time onward it’s been a great journey for Facebook. We all just love the reactions and how it fulfills that a single like button was not…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


VR & AR - Taking a customer-centric approach to new technology w/ Ben Running

#AR #VR #Event

VR & AR - Taking a customer-centric approach to new technology

VR & AR is already upon us and it’s only going to get crazier from here. Let’s take a look at the current landscape, hardware, software, and discuss how designers can approach a new and rapidly evolving technology.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: UX Research Best Practices with UX Manager from Kaplan

UX Research Best Practices with UX Manager from Kaplan @ Starta Accelerator
Thursday, September 28, 2017, 6:30 to 9:00 PM
User research is what can often determine whether a product is able to gain and retain users and get any traction. Want to learn more about user research best practices from an expert with years of UX experience at companies like IBM, Shutterstock and Kaplan? Join this event we are running in collaboration with Starta Accelerator. 

Details and registration 👇









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Beginner’s Guide to Writing Sketch Plugins Part 1 — Getting Started

#Sketch #Plugin #productivity

So you want to start writing Sketch plugins, but have no idea where to start? Well keep reading because this article is for you! If you’re like me, trying to find basic concepts out there is not easy…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Craft CMS | Focused content management for web professionals

#CMS

Craft CMS is a focused content management system for developers, designers, and web professionals that blends flexibility, power, and ease of use for clients.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design+Code - Learn to design and code for iOS 11

An interactive book on how to design and code an iOS 11 app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to Scan Documents Using the Notes App in iOS 11

Notes in iOS 11 has received a number of new features that will take your note taking experience to a whole new level. One of the best features is that you









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SVG Animation Creator - Animate and Export SVGs

#SVG #animation







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Customising the Sketch Library Preview Image — beta

#Sketch #Libraries #tips

There’s been a lot written about Sketch’s new native library feature, so I won‘t cover old ground. For me, the nested symbols support is a real winner, and I am looking forward to Abstract support…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How we built our first full-stack JavaScript web app in three weeks

#Dev #Prototyping #Firebase

My three months of coding bootcamp at the Grace Hopper Program have come to a close, and the title of this article is actually not quite true — I’ve now built three full-stack apps: an e-commerce…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Easy-breezy interactive 3d in FramerJS with Sketchfab API Utility - Sketchfab Blog

#Framer #3D







Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Introducing Twilio Studio, the Fastest Way to Build With Twilio

#Twilio #SMS

A visual drag-and-drop interface that allows cross-functional teams to accelerate the development of world-class customer engagement applications.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Setting Up a Design System with Frames

#Sketch #DesignSystems #UIDesign #Productivity

The system is designed to be lightweight and adaptable to brands, that why many teams find it a really useful tool for building their own libraries based on it. 🖖 Frames Master file is divided into…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gifmock: Easily create high quality GIFs from Sketch

#Sketch #Gif #Video

Gifmock is a simple desktop application that helps you create high quality GIFs from your mockups.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: Fuse, A New Approach to Designing and Developing Native Mobile Apps

#Events #UX #Mobile #Fuse

We're co-hosting this Meetup with other four groups this time. We're having a Fuse engineer coming from Oslo to speak, so I really hope to see you there!

Come and discover a new approach that integrates design, prototyping and development. Fuse unifies development with design through rapid, real-time workflow, visual tools and simplified code, resulting in real native apps for both iOS and Android (from the same codebase) - all the way from prototype to the app store.

In this presentation, we'll show some examples of what can be achieved with Fuse, and briefly examine the make up of a finished app.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Eureka | Elegant iOS form builder in Swift

#iOS #Swift

Eureka an iOS form builder in Swift made with love by Xmartlabs.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fuse

#MobileDev #iOS #Android #Native #Prototyping

Fuse makes native app development faster, easier and more fun for both developers and designers. Lot's of examples here: https://www.fusetools.com/examples









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Framer: Interactive Design & Collaboration Tool

#Framer

Framer is the best way to create interactive designs from start to finish. Design from scratch and then easily turn your work into high-fidelity prototypes. Used by Facebook, Google, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


MailChimp: UX Patterns

#DesignSystems #Productivity #patterns #UX

The MailChimp Pattern Library is a byproduct of our move to a more responsive, nimble, & intuitive app.

Over the course of two full redesigns and our recent navigation refresh, we've worked to distill most of the MailChimp interface into a set of atomic pieces, forming the pattern library you see here. By documenting and assembling a reference site of our patterns, we were able to speed up our process and solve some internal communication problems. A common lexicon of code and UI elements benefits us in a few ways:

  • We can build consistently, focusing our energy on workflows and logic, not web forms and list items.
  • We can reuse code instead of reinventing the wheel or roping in an engineer.
  • We can see all of our patterns in one place, quickly revealing maintenance issues.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


PSD to Sketch Design Converter

#Sketch #Photoshop #Productivity #plugin

Switching from Photoshop to Sketch? Try this Free Online Design Converter built by Avocode









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Campaign Monitor: The All-New Guide to CSS Support in Email

#Email #CSS #HTML

Find an up-to-date guide to CSS support in email. Campaign Monitor includes cutting edge email layout techniques and progressive enhancements.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The MailChimp Content Style Guide

#UIDesign #DesignStystems #Styleguide

This style guide was created for MailChimp employees, but we hope it’s helpful for other content and communications teams too.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


6 Animation Guidelines for UX Design

#animation #motion #interactiondesign #UX

Animation can be used to tweak the user’s perception of time, so use this in your favour. For the human brain, anything below 0.1 seconds will seem instantaneous and below 1 second will seem seamless. So, if you have a process that takes 6 seconds for instance, you can break it down in a few separate animations. This trick should make the process feel a lot faster and keep your user engaged.

You can also use animation to fake an instant action that will actually take bit longer in the background. This will make the app feel more responsive even though the process still takes longer than what the user sees.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


CSS antialiasing cheatsheet

#CSS #Tricks #Fonts

A comprehensive cheatsheet for CSS antialiasing and a way minimize the difference between how fonts render among different browsers.












Scan & Share
Feed