...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Frames: Wireframe Kit Sketch (Premium Resource)

#Sketch #UIKits #Wireframing

Sketch App Premium sources, Frames Wireframe Kit resource, for Sketch App. Frames Wireframe Kit Sketch file Purchase.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Identify fonts instantly

#fonts #productivity #mobileapp

We’ve completely reinvented the WhatTheFont experience! The new and improved WhatTheFont mobile app is more than just a duplicate of the WhatTheFont that you use on desktop – it’s a completely redesigned and streamlined way to identify fonts. Just take a photo and tap the font you want to identify – WhatTheFont will immediately show you the results, nothing else required!









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Lightning Design System: Design Tokens

#DesignSystems #Components #DesignTokens

Design tokens are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Glitch: build apps and bots of your dreams

#Code #Prototyping #Productivity

The community that helps you build the app or bot of your dreams









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Pattern Lab: Build Atomic Design Systems

#DesignSystems #Components

Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How Deep Learning works

#AI #ML #DL

The term “AI” is thrown around casually every day. You hear aspiring developers saying they want to learn AI. You also hear executives saying they want to implement AI in their services. But quite…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Hackers 4 Good: Creating Great Experiences for Everyone

#Hackers4Good #Meetup #community

This is a group for anyone interested in UX/UI Design, Product Design, Web and Mobile Development and doing good using their skills.









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


What Tesla’s Model 3 UI Reveals About Its Vision for the Future

#UIDesign #Figma #UIKits #Tesla #DesignSystem

If you’re a designer/car enthusiast this post is for you. I’ve broken down the details of the dashboard controls and interface of the Tesla Model 3, the first mass-market, touchscreen only electric…









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


Abstract vs Kactus vs Plant: a guide of version control solutions for Sketch

#Sketch #Abstract #DesignSystems #Productivity #Plugins

The new generation of tools created for digital media is slowly breaking the ties with the old world. It’s time the links between the design and build processes…









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


The Crazy One: ‘Building your personal brand'

#Podcast #CareerAdvice #Design #AdobeMAX

A replay of my sold out session from Adobe MAX 2017 that asked can you tell people why you are different and better than every other creative out there? This session will highlight the power, importance, and difficulties of creating your own personal brand, see why building your brand is critical for finding the perfect new job, standing out in your current job, or getting respect in the industry. Listen to over 65,000+ radio shows, podcasts and live radio stations for free on your iPhone, iPad, Android and PC. Discover the best of news, entertainment, comedy, sports and talk radio on demand with Stitcher Radio.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Material Design: Elevation & Shadows

#UIDesign #DesignStystems #Material

In this diagram, only the elevation dimensions and layout for components are accurate. Other dimensions and overall layout of components are for illustration only.









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


Ghost buttons: Why you should be afraid

#UX #UI #usability #conversion

How ghost buttons have gained in popularity in the past few years, and what their impact can be on user conversion.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Litmus: Email Marketing, Email Design & Email Testing Tools

#Email #CSS #HTML #Tools

Litmus provides a suite of email design and email marketing tools, helping you build, design, test, and analyze your emails.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Mastering Interaction Design through Craft, Productivity and Workflow

#UI #UX #IXD #Interaction #MotionDesign

As UI design gets more interactive, new skills and faces emerge to give us a lesson on how to get animations and movement right when creating delightful screens for rather little devices. To…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Using CSS custom properties (variables)

#CSS #WenDevelopment

Complex websites have very large amounts of CSS, often with a lot of repeated values. For example, the same colour might be used in hundreds of different places, requiring global search and replace if that colour needs to change. CSS variables allow a value to be stored in one place, then referenced in multiple other places. An additional benefit is semantic identifiers. For example --main-text-color is easier to understand than #00ff00, especially if this same color is also used in another context.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Hooked: How to Build Habit-Forming Products

#books #UX #Product

How do successful companies create products people can’t put down? Why do some products capture widespread attention while others flop? What makes us engage with certain products out of sheer habit? Is there a pattern underlying how technologies hook us? Nir Eyal answers these questions (and many more) by explaining the Hook Model—a four-step process embedded into the products of many successful companies to subtly encourage customer behavior. Through consecutive “hook cycles









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


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


Use a Google Spreadsheet as your JSON backend

#JSON #Prototyping #GoogleSpreadsheet

When writing a simple web app or prototyping something, you may want a quick and simple way to store, edit and retrieve data.

Let's say you write a simple blog and don't want to build a backend to write, edit and store your posts - but you want to conveniently consume this data as JSON - then Google Drive helps you with that.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


How to speed up your Rails app with Cloudfront

#Rails #Dev #Amazon #Cloudfront #S3 #performance

A common trick I use with client work to speed up asset delivery is use cloudfront as an asset host. I'm surprised this technique isn't in more widespread use as it reliably makes for snappier user experiences, especially users with a fresh cache.
This guide assumes you're using the Rails asset pipeline to package and serve your assets. If you're not using the asset pipeline, whatever solution you use to achieve the same result will need to fingerprint asset filenames with some sort of unique identifier for it to work smoothly with Cloudfront or a CDN like it.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Slite, the note app for teams

#Collaboration #Productivity #KnowledgeBase

Get your team on the same page. Slite is the collaborative note taking app built for teams: write and share your team's knowledge, meeting notes, and more.












Scan & Share
Feed