...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Design Sprint Kit

#Design #UX #Product #DesignSprint

A design sprint is a five-phase framework that helps answer critical business questions through rapid prototyping and user testing. Sprints let your team reach clearly defined goals and deliverables and gain key learnings, quickly. The process helps spark innovation, encourage user-centered thinking, align your team under a shared vision, and get you to product launch faster.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Defining Product Design: A Dispatch from Airbnb's Design Chief | First Round Review

#ProductDesign #Process #Inspiration #Articles #Airbnb

Airbnb VP of Design Alex Schleifer shares how design can become a more intentional, integrated discipline — and why it must be in order to better build products. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Our 6 Must Reads for Building and Leading a Product Design Team | First Round Review

#ProductDesign #Process #Inspiration #Articles

A well-thought-out design team often accompanies enduring product design. Here are six pieces of advice to help you build and lead a design team from the sole designer to a larger design organization. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Building Design Collaboration Into Your Workflow – Tanner Christensen – Medium

#Collaboration #Design #Process

If you’re a designer who wants to collaborate well: learn to include others in your process early and often, share and gain insights into how each side works, and focus on removing friction from your…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


26 Steps of Product & Dashboard Design – Design + Sketch – Medium

#ProductDesign #Process #Inspiration

For the last four years I have continued to design dashboards and applications and I have learnt how to deal with different departments, and utilise their knowledge in order to make product designs…









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...


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...


The teapot model: how to explain a fuzzy design process to anxious clients.

Using design methods to solve critical problems has professionalised the design industry to a point where designers now find themselves in the boardrooms of multinational corporations. Design…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


What You Should Know About The App Design Process

Rather than building a house, designing apps is probably more like composing a symphony. Each profession a separate instrument.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Sketch2AE: Plugin for Sketch and After Effects

#Sketch #AFX #Animation #Motion #Productivity

Live After Effects layers straight from Sketch artboards

Sketch layers may now be imported into After Effects without redrawing everything in Illustrator. Avoid the startling realization that you have to repeat the whole import process simply because you forgot to split one element out onto its own layer or that type has to be converted into live text as an additional process per layer.

Quickly export selected layers or a whole artboard from Sketch with type metrics, transform data, images, symbol hierarchy, and grouping intact. It's little bit better than the native Illustrator => AE import. Hooray.

Built by Adam Plouff for the SUMux Motion Design Team at Google.












Scan & Share
Feed