...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UX Power Tools UIKit

#Sketch #DesignSystems #UIKits

Our design systems are meticulously designed in Sketch using Layer Styles, Text Styles, and Symbols, so updating dozens of components takes seconds, not days.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Cabana: Design System for Sketch (20% off)

#Sketch #DesignSystems #UIKits

Want to improve your design workflow? Say hello to Cabana. A Design System for Sketch that helps you work better, smarter, and faster than ever before.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Export-More: Sketch artboards to GIF

#Sketch #Plugin #Export #gif

Sketch plugin for exporting a sequence of Artboards toICNS and GIFs









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Scaling of SVG backgrounds

#HTML #CSS #SVG

Given the flexibility of SVG images, there's a lot to keep in mind when using them as background images with the background-image property, and even more to keep in mind when also scaling them using the background-size property. This article describes how scaling of SVG images is handled when using these properties.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


SketchCleaner: Clean Sketch Files

#Sketch #Plugin #Productivity

"SketchCleaner ($2 license) helps with best practices and keeping your files clean, making it easier to handoff or share with other team members or simply for yourself."

One feature I use quite a bit are the ability to “delete hidden layers” (like in Photoshop). Another pretty useful one is the ability to sort (in the layers menu) your design elements to match how they are actually laid out on an Artboard.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


VR/AR prototyping for everyone

#VR #AR #Framer #Prototyping

Hello again, guys! Today I want to speak to you about modern VR/AR prototyping. We will talk about Framer.js, A-Frame and AR.js particularly. This article is mostly for those, who are familiar with…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


3 Best Form Design Practices for your design process

#UIDesign #UserInput #Forms #UX

Forms are a part of everyday life, and honestly, they aren’t always the best of experiences. Whether it may be confirming your plane tickets for a getaway or checking out items for your shopping cart…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


10 A/B testing tools to help improve conversions

#Optimization #Startups

You have a hunch that something on your website is no€™t working. Or maybe you want to try something new, but are no€™t sure how to evaluate whether it'€™s successful. Either way, the s...









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


HackToStart: Stephanie Engle, Product Designer, Cruise

#Podcast #CareerAdvice #Startups

Stephanie Engle is a Product Designer at Cruise. Before joining the team there, Stephanie had a background in social products, starting her career off as an intern for the anonymous messaging app Secret, before joining Facebook to work on the Profile, and later joining the VR team. Stephanie recently joined Cruise as a Product Designer, helping to create and design solutions around the emerging self-driving cars industry. Stephanie joins us to share her story, how she got into design, how she created the opportunity to join the team at Facebook, what it was like tackling VR design challenges, how AR / VR and autonomous cars are a lot alike, what it’s like being part of the team at Cruise, and much more. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Who are we designing for? The quality and standards teams (Part 3 of 3)

#UX #UIDesign

At this point, you probably think your designs are ready to see the light of day. But even in this agile, continual release world, you still need checks and balances to make sure the work is high…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Stripe: Connect Overview

#Stripe #Payments #marketplace

Learn how to use Connect, our solution for any business that needs to process payments and pay out to multiple parties.
Stripe Connect is a full-stack solution for using Stripe’s capabilities on behalf of others. Connect provides a powerful API and other tools you need to make charges, as well as onboard, verify, and pay sellers, contractors, service providers: whomever your business’s users are.
You can tailor your integration in various ways, including:
  • Specifying how money moves from the customer to you, and ultimately to your platform’s sellers or recipients
  • Collecting fees for your service
  • Assigning payout schedules and payout methods
  • Supporting different types of Stripe accounts
You can connect your platform to existing Stripe accounts or create new ones.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Most Important Rule in UX Design that Everyone Breaks

#UX #BestPractice

There is one principle of organization that every human should adhere to, particularly people who design products. Day after day, I see companies break this rule, and it is 100% of the time to their…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Using React with SVG by Eric Schwartz

#React #SVG #productivity

A couple classmates and I recently built a React/Redux app called Constellation Playground, which presents users with a 2-dimensional sky full of stars and allows them to create their own unique…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


HackToStart Podcast: Jason Stoff, Principal Digital Product Designer

#podcast #interview #bestpractices #careeradvice

Jason Stoff is a Principal Digital Product Designer at Starbucks. Before joining the team at Starbucks, Jason had built a career as an Art Director and Senior Designer with various agencies. One day he shared a rebound of a Starbucks logo design on Dribbble, that eventually caught the eye of Starbucks. One year later, he had the chance to interview for a design role and moved his family across the country to join the team in Seattle. He and his team have helped to create international design standards, launch new Starbucks apps and experiences like the Apple Watch, iMessage gifting and more! Jason joins us to share his story, how he got into design, how he created the opportunity to join the team at Starbucks, what it was like transitioning from the agency to product world, what it’s like designing digital products at Starbucks, and much more. 









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Fake designs yield real results – Daniel Burka – Medium

#Design #CareerAdvice #Portfolio

Twenty years ago, when I started my design career, I made a lot of fake stuff. I can still clearly remember when I designed my own CD covers for albums by famous bands, created a fake e-commerce site…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UX for Lean Startups: Faster, Smarter User Experience Research and Design by Laura Klein

#UX #Research #Books

Great user experiences (UX) are essential for products today, but designing one can be a lengthy and expensive process. With this practical, hands-on book, you’ll learn how to do it faster and smarter using Lean UX techniques. UX expert Laura Klein shows you what it takes to gather valuable input from customers, build something they’ll truly love, and reduce the time it takes to get your product to market.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Event: Role of UX in Artificial Intelligence with Echo, Spotify, Havas & State Street

#Events #UX #Beginex

Hey everyone - Beginex is running another cool event on Thursday, November 9th (Role of UX in Artificial Intelligence with Spotify, Havas & State Street) so I wanted to share it with you - please see details below.

Role of UX in Artificial Intelligence with Echo, Spotify, Havas & State Street (@ThoughtWorks)
Thursday, November 9, 6:30 - 9:00 PM
Are you prepared for the drastic changes AI is bringing to the technology industry? Artificial intelligence is growing exponentially and will be changing our work and life dramatically in the coming years. What role will UX professionals play in the new digital world? We invited several UX + AI professionals to explore this crucial topic. 
Details and registration 👇









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Git: The simple guide (no deep shit!)

#Git #Dev #collaboration #tutorial

Just a simple guide for getting started with git. no deep shit ;)









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Designers, Developers, Product Managers: Introducing Product Relays™

#DesignSprints #Collaboration #ProductDesign #Dev

At Academy, we have done a great deal of thinking about process. We have interviewed industry leaders across Design, Development, and Product and universally the sentiment is… When we started to…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Real content for all your designs

Lists is a gallery of real content ready to populate your mockups. Produce your best work by making informed decisions.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Product Design Sprint: 3 day structure (PDF)

#ProductDesign #Process #UX #Collaboration #Startups #Lean

A design sprint is a framework for answering critical business questions through design, prototyping, and testing ideas with users.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


The Lean Startup: How Today's Entrepreneurs Use Continuous Innovation to Create Radically Successful Busine...

#books #UX #Product #Lean #Startups

Most startups fail. But many of those failures are preventable. The Lean Startup is a new approach being adopted across the globe.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Understanding Flexbox: Everything you need to know

#CSS #Flexbox #UIDesign

This article will cover all the fundamental concepts you need to get good with the CSS Flexbox model. It’s a long one, so I hope you’re ready for it. If you prefer to read the entire tutorial in a…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Flow Beta: Animate from Sketch files and export Native Code

#Sketch #Flow #Motion #Animation #MobileDev

Flow is a motion-design tool for animating Sketch files and eliminating the most painful parts of hand-off in app development. It bridges the gap between design and development by generating native…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to create floating Sketch plugins, part I

#Sketch #Dev #Plugin #Tutorial

A little show and tell on creating a Sketch plugin.












Scan & Share
Feed