...



Francesco Bertocci

Sr. Product/UX/UI Designer

Profile image

Francesco Bertocci

Sr. Product/UX/UI...


CSS Design Awards: Website of the Year 2017

#Awards #Webdesign #CSS

Welcome to Website of the Year 2017, a special collaboration between CSSDA and Wokine that showcases the finalists and winners of the web design and development industry.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


UI Design System UIKit

#Sketch #DesignSystems #UIKits

Create and develop awesome desktop apps with our starter kit for Sketch.









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


Frames: Web Design System for Sketch (Special 10% 0ff)

#Sketch #DesignSystems #UIKits #Deals

Carefully crafted components and best Sketch techniques combined into a powerful web design system.









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


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


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


Learn CSS Grid in 5 Minutes

#CSS #Grid #Layout #UIDesign

Grid layouts are fundamental to the design of websites, and the CSS Grid module is the most powerful and easiest tool for creating it. The module has also gotten native support by the major browsers…









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


STUDIO: The next generation design tool for digital products

#UIDesign #Tools

STUDIO is a next generation design tool for a digital products that goes beyond your imagination. Our vision is to provide a platform for anyone to change their idea into a real product.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gif.me Plugin

#Sketch #Plugin #Productivity #Tips #Gif

Design with gifs and videos inside sketch









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Uxtools.co: Compare Versioning Tools

#Productivity #Tools #UIDesign #Collaboration

Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Gotcha 👌 for Framer

#Framer #Handoff #UIDesign #MobileDevelopment

We’ve been exploring how to build a design process around Framer, but until we could get our designs into Zeplin or something like it, our prototypes would be all show, no tell. Enter Gotcha 👌.









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


Compare UX Prototyping Tools for mobile and desktop app design

#Prototyping #Tools

With so many prototyping tools out there, you need to choose the best tool for the job. From Low fidelity wireframe tools to hi-fi UI design tools









Profile image

Francesco Bertocci

Sr. Product/UX/UI...


Threed.io: Generate custom 3D Device Mockups

#MobileDesign #mockups #presentations

Generate custom 3D Device Mockups in your Browser.









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


Salesforce UX: Living Design System

#DesignSystems #Components #DesignTokens

Scaling a design across all form factors and platforms has become the new challenge in the software industry. From watch to phone to tablet to desktop, teams must also consider iOS, Android, Win8 and HTML5 implementations. Opinions on native vs. HTML5 aside, most companies use a mix of both to balance the best user experience with time to market and reusability cross-platform.









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


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


Interactive Email Design Elements, Interactive Email Marketing

#Email #CSS #HTML #Marketing

Monks bring latest interactive email design elements that will definitely boost your email marketing campaigns. Try interactivity in emails now!









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


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.












Scan & Share
Feed