Responsive Design with Figma Auto Layout

Responsive Design with Figma Auto Layout

An experiment with Figma Auto Layout. The visual design is based on my real M+H project here. Responsive Design: The width of the display adjusts to the screen size of the browser or device (mobile/tablet/desktop). Non-responsive Design: Fixed width. Tools: Figma. Key...
Concept Design (Mann+Hummel)

Concept Design (Mann+Hummel)

Concept Design for Mann+Hummel. We built and launched the website in 2018. The company has established Brand guidelines that I had to adhere to. We wanted to introduce new products on the web with businesspeople and engineers as the target audience. The tone and...
Figma Microinteraction #3

Figma Microinteraction #3

An experiment with Figma prototyping. Tools: Figma + Content Reel & Unsplash plugin for picture content, Iconify for icons. Key Features: Smart Animate, On Drag, Horizontal Scroll within a...
Figma Microinteraction #2

Figma Microinteraction #2

An experiment with Figma prototyping. The design is inspired by Spotify (obviously!) Tools: Figma + Content Reel plugin for picture content, Iconify for icons. Key Features: Smart Animate, On Drag, Auto...
Figma Microinteraction #1

Figma Microinteraction #1

An experiment with Figma prototyping. Tools: Figma + Content Reel plugin for pictures + Inconify for icons + Mapsicle for map content. Key Features: Vertical/Horizontal Scrolling within a Frame, Smart Animate, Auto Layout, Open...