Hi there!

My name is Jakub Kohout
I'm an UX/UI designer and web developer who loves solving business challenges through design.

Experience

Working with U+ Venture was an exciting, enriching experience. Here, I had the privilege to work with diverse group of great individuals from all over the world and clients from North America, Europe and UAE. Thanks to the niche focus U+ has on digital innovation, I continued to hone my skills in solving design problems for fresh, new projects that were built from the ground up. My notable work included designing an admin system with live vehicle tracking and building a tailored design system for U+ design team. Outside of Senior Designer responsibilities, I also helped to form a road map for a client's IT department after a month-long research period, which resulted in a successful pitch to the key stakeholders.

At U+, we tailored the team structure to meet the project's and client's needs, which meant sometimes working in a small, agile team structure to large, scrum teams. As a Senior UX/UI Designer, I had to report directly to the client on key design initiatives and their progress. I also helped our Head of Design with mentoring junior designers and researchers, and organizing internal workshops.

My notable achievements include creation of design system for our design team and winning Porsche Design Cup with our on-demand car care solution for Kimoby.

My key responsibilities:

  • UX/UI Design
  • Communicating with the key stakeholders both internal end on the client side
  • Contributing to company-wide design processes
  • Creating design system for the internal design team
  • Providing supporting design artifacts like user flows and journey maps, prototypes
  • Coaching junior designers and growing positive team culture with our Head of Design

I worked with the founders on a daily basis since the early stages of SmartGift Inc. as the UX/UI Designer. Responsibilities included leading the product design efforts with wireframes, prototypes, usability testing, quantitative research (Google Analytics) and also onboarding retail brands. During my time, I co-invented SmartGift's patented user flow.

When I joined the SmartGift team in 2017, I did so as the young company's sole designer. This enabled me to experiment with designs and iterate to solve business challenges. My background in full-stack development helped me create easy-to-implement designs. After onboarding a few small clients, SmartGift won its first enterprise retailer, TUMI. I worked with their team of designers and managers to create a digital gifting solution.

As the product expanded and the team grew, my responsibilities at SmartGift evolved. SmartGift's enterprise partners expanded and averaged over 2 million new users a year. Partners include: Under Armour, 1-800-Flowers.com, Estée Lauder companies, TUMI, Pandora, and more. The company hired another designer and my responsibilities shifted toward gathering data insights and flow optimization. I used Google Analytics for quantitative data analysis and Tag Manager to measure KPIs.

Thanks to the fast-paced New York startup environment, I learned how to make decisions with business objectives in mind. The byproduct of this was creating a successful product strategy and a scalable approach to design.

  • Under Armour
  • Pandora Jewelry
  • New Balance
  • Cole Haan
  • TimberLand
  • Tory Burch
  • 1-800-Flowers.com
  • TUMI
  • THEORY
  • Origins
  • AVEDA
  • Bobbi Brown

Tome publishes beautiful, online publications for students, faculty, and authors. My role was to use my familiarity with WordPress to create a custom admin panel. While my position was full-stack developer, I worked with other team members to design custom modules and features.

I enriched WordPress default, WYSIWYG editor to create medium.com like inline editor. It helped students write in scholarly formats (MLA, APA, Chicago style, etc) easier. For the professors, providing feedback on students' work was all in one place.

  • Full-stack development (PHP, HTML5/CSS3, JS)
  • Wordpress development
  • UX/UI design

From a young age, I had experience with front-end coding (HTML/CSS, JS) and programming in PHP (Laravel). Later I decided to work for web agencies as a front-end developer.

I worked on small to mid-size companies' websites at a web agency based in Pilsen, Czech Republic. Then, in Prague, I worked for an agency creating websites for companies, events, and promotional landing pages.

Projects

  • Arroyo Process Equipment

    Freelance

  • On-Demand Car Care Solution for Kimoby

    U+ Ventures 2021

  • Tailored Design System for U+ Venture

    U+ Ventures 2022

  • Enterprise Gifting Platform

    SmartGift 2017-2020

  • Corporate Incentives & Rewards Flow

    SmartGift 2020

  • Tome

    NYU, Tome 2016

Arroyo Process Equipment

Launched: Q3 2023

UX/UI Design | Development | E-commerce | Data Tracking

Introduction

This comprehensive project for Arroyo Process Equipment involved not only revamping the visual and interactive aspects of the website but also integrating a robust e-commerce platform. The objective was to create a more engaging, intuitive, and seamless online environment for users, while expanding the site’s functionality to include online sales capabilities.

The Challenge

The redesign and development of ArroyoProcess.com presented several significant challenges that needed to be addressed to achieve a successful transformation:

1. Lack of Established Design Guidelines

The project started without a comprehensive style or brand guide, with only one primary color identified. This required the development of a complete design system from scratch, ensuring consistency and alignment with the brand's vision.

2. Outdated SEO Practices

The existing website utilized outdated SEO methods, necessitating a thorough overhaul of SEO strategies to improve online visibility and search rankings.

3. Absence of Online Marketing Strategy

The lack of a structured online marketing strategy meant that a new approach had to be developed, one that would effectively leverage the new e-commerce capabilities and drive traffic to the site.


These challenges demanded a strategic and creative approach to not only enhance the website's aesthetics and functionality but also to lay a strong foundation for future marketing and SEO efforts.

The Team and Approach

In this project, my role as the Lead UI/UX Designer and Web Developer was complemented by a close collaboration with a marketing specialist. Our two-person team approach was characterized by:

1. Stakeholder Engagement

Regularly interacting with key stakeholders at ArroyoProcess Equipment was a crucial aspect of the project. These interactions ensured that the website development was closely aligned with the company's goals and vision. It allowed me to gain direct insights into their expectations and requirements, which were critical in shaping the project's direction.

2. Focused Collaboration

Working intimately with the marketing specialist, we ensured that the redesign and development of the website were in harmony with the emerging marketing strategies and SEO efforts.

3. Dual Expertise Integration

My expertise in UI/UX design and web development was paired with the marketing specialist's insights on digital marketing and SEO best practices. This synergy allowed for a holistic development of the website, ensuring both technical excellence and market relevance.

4. Agile and Adaptive Workflow

With a small team, we adopted a flexible and responsive workflow, allowing for rapid iterations based on feedback and evolving project needs. This approach ensured quick decision-making and efficient progress.


Comprehensive Strategy Development

I took the lead in creating the design and technical aspects of the site, while jointly strategizing with the marketing specialist to integrate SEO and marketing elements effectively, ensuring a cohesive online presence.

This collaborative approach allowed for a unique blend of skills and perspectives, driving the project towards a successful outcome that met both design excellence and marketing efficacy.


Design Principles and Deliverables

The project was anchored on key design principles that prioritized usability, aesthetics, and responsiveness. The key deliverables included

  • A revamped UX/UI design that enhanced user engagement and modernized the website's look.
  • Integration of e-commerce functionality using WooCommerce, tailored to the client's specific needs.
  • A custom, multi-step customer onboarding form linked to the client’s ERP system via API, streamlining the user journey.
  • A complex multi-step booking form enabling seamless pairing of available valet drivers with available vehicles.
  • Implementation of data tracking using GTM & GA for insightful user behavior analysis.

Outcome and Feedback

The introduction of e-commerce and the redesign of ArroyoProcess.com significantly improved the site's performance, evident in the 3x increase in contact form submission and 2x increase in the active users traffic. The client benefited from an enhanced online presence and a more efficient customer onboarding process, leading to better user experience and operational efficiency.

On-Demand Car Care Solution for Kimoby

Launched: Q3 2022

Enhancing Valet Management through UX/UI Design

Introduction

The U+ Venture partnered with Kimoby to develop an on-demand car care solution, focusing on a robust admin system for efficient car valet management. Kimoby sought to optimize appointment setting, vehicle monitoring, task scheduling, and resource utilization for their staff and car fleet.

The Challenge

Kimoby faced challenges in streamlining their valet management system, with a focus on efficient scheduling, vehicle monitoring, and appointment management. The primary goal was to create an intuitive and user-friendly interface to support their staff in daily tasks and improve the overall client experience.

The Team and Approach

Working as a Senior UX/UI Designer, I collaborated closely with a Scrum team, which included a Scrum Master, developers, a Project Manager, and client stakeholders. Our approach consisted of working closely with the client and validating our hypotheses and prototypes through user testing. High-fidelity prototypes were created to identify and address usability frictions early in the process.

Design Principles and Deliverables

To establish a cohesive design, I used Material Design (MUI) as the foundation for the design system and customized it according to the project's needs, for the topology of the design system I used atomic-design principles. The key deliverables for the project included:

  • A comprehensive design system (DS) aligned with the client's branding.
  • Live vehicle tracking for improved fleet management.
  • A fully-featured calendar with built-in scheduling functionality for valet management.
  • A complex multi-step booking form enabling seamless pairing of available valet drivers with available vehicles.
  • Advanced data tables for operators to manage valet appointments effectively.

Outcome and Feedback

After successfully getting the project of the ground we seamlessly handed over the project to the Kimobis' internal IT team. The improved UX/UI design enhanced the efficiency of their valet management system, leading to better staff performance and an elevated client experience.

Covered in:

Tailored Design System for U+ Venture

Launched: Q1 2023

Building a Comprehensive Design System in Figma: A Case Study

Introduction

Creating a successful design system is crucial for providing consistency and efficiency across an organization's digital products. In this case study, I will share my experience of building a comprehensive design system in Figma, consisting of a Style Guide, Components, and Page Templates. I aimed to streamline the design process, facilitate collaboration, and promote a unified visual language with this design system.

Style Guide:

I started by creating a Style Guide page to lay the foundation for the design system. I established guidelines for typography, colors, grids, and icon sets, ensuring a consistent visual language across all digital products and making it easy for designers to reference and apply the design principles.

Typography

I provided templates for both desktop and mobile devices, ensuring a consistent and responsive design across various screen sizes.

Colors

I established a predefined color palette, including primary, secondary, and neutral colors, as well as specific shades for accessibility and UI feedback (e.g., success, error, warning). This allowed for a consistent color scheme throughout the design system.

Grids

I defined grid systems for both desktop and mobile, providing a structured layout and aligning elements consistently across different devices.

Icon Sets

I created a custom icon set to ensure a consistent look and feel. The icons were designed to be scalable and versatile, with clear guidelines on when and how to use them.

Components

On the Components page, I featured 23 highly customizable components that utilized the latest Figma features, such as Auto Layout, Variants, and Interactive Components. I designed these components to be flexible and adaptable, allowing designers to create a wide range of UI elements with ease. Some examples of these components include buttons, input fields, tooltips, and navigation menus.

Page Templates

I included pre-built Figma components in the form of website pages for both desktop and mobile on the Page Templates page. Each template had page-specific components and was set up as a clickable prototype, providing a starting point for designers to create unique designs for common pages such as Sign In, Sign Up, and 404.

Desktop and Mobile

I provided templates for both desktop and mobile devices, ensuring a consistent and responsive design across various screen sizes.

Page-specific Components

I included unique components specific to each template's purpose, streamlining the design process and maintaining consistency.

Clickable Prototypes

I set up the templates as clickable prototypes, enabling designers to quickly test and iterate on their designs before handing them off to developers.

Conclusion

This Figma-based design system proved to be a valuable asset for the organization, enabling designers to kick-off their next projects efforts faster and with greater confidence. By providing a comprehensive Style Guide, a wide array of customizable Components, and pre-built Page Templates, the designers didn't have to start each project from a blank canvas and collaboration became easier.

Enterprise Gifting Platform

Launched: Q1 2017

With SmartGift anyone can send the perfect gift, which means eliminating gift returns and organically expanding the brand’s reach.

  • tumi
  • pandora
  • timberland
  • vans
  • 1800Flowers
  • nbc-univrsal
  • mac-cosmetics
  • the-north-face
  • aveda
  • bobbi-brown
  • brighton
  • brillant-earth
  • cheryls
  • fruit-bouquets
  • goodsey
  • hanna-andersson
  • harry-david
  • helmut-lang
  • kendra-scott
  • kipling
  • movado
  • origins
  • sharis-berries
  • peach-skin-sheets
  • personalization
  • popcorn-factory
  • reservebar
  • simply-chocolate
  • smartwool
  • stock-yards
  • theory
  • too-faced
  • 1800baskets
  • vineyard-vines
  • wolfermans

Team role

  • UX/UI Designer

Main areas of responsibility

  • Interpreting the founders’ product vision
  • UX design (flowcharts, low-fi/high-fi wireframes)
  • Responsive UI design
  • Low-fi prototypes
  • Quantitative analysis

Tools and frameworks

  • High-fi prototypes: HTML5/CSS3, JS (jQuery)
  • Quantitative analysis: Google Analytics
  • Design handover: Zeplin
  • Low-fi prototypes: Invision
  • Design: Sketch
SmartGift widget: value proposition
SmartGift widget: cart overview

Increase purchase conversion:
Introducing gift cart widget

Challenge

Most of SmartGift’s visitors were discovering the platform on the merchants’ product page. This led to uneducated users entering the experience without gift intent, but curiosity. As a result, there was a significant bounce rate on the first page of the experience, which led to skewed, low purchase conversion.

Solution

At the heart of the challenge was a user education problem. To solve this, we had a two-pronged approach. First, we created a multi-functional widget that served to educate the users about SmartGift’s value proposition at a glance. Then we worked with merchants to create an educational SmartGift page on their website.

Result

Across merchants, platform purchase conversion increased from an average of 11% to ~47%. We also observed a significant decrease in the value proposition bounce rate. An unexpected benefit was the reduction of inbound customer questions to SmartGift’s support agents.

Email reminder notifications
Text message payment notifications

Improve payment completion:
Expanding checkout notification

Challenge

All SmartGift payments are using a patented Pay Later model. That means we do not send the payment notification to the user until the recipient accepts it. Initially, we sent the payment notification solely by email, which led to some checkout notifications going to Spam and orders never being completed.

Solution

To reduce the chance of notifications emails going to Spam, we removed all unnecessary images. Additionally, we started sending reminder notifications to senders that had not paid for accepted gifts. Lastly, to reduce dependency on email communication, we introduced checkout notifications by SMS.

Result

Overall, our actions increased the payment completion rate by ~33.5%. Additionally, we observed a decrease in time from gift acceptance to purchase by as much as 13 hours, and users completed their payment more often via text message than an email.

Sender: delivery information form
Recipient: shipping information overview

Fix user drop-off:
Pre-filling delivery form

Challenge

After a routine quantitative funnel analysis (Google Analytics), we discovered a considerable drop-off in the gift recipients funnel on the shipping information form.

Solution

To better understand the problem, we conducted in-person user interviews. In most cases, potential gift senders expected to provide the recipient’s delivery information themselves. To reduce recipient friction, we offered senders the option to provide the delivery address and having recipients confirm it.

Result

After offering senders the ability to provide the delivery information, ~67% of them chose to do so. That led to a decrease in a user drop-off in shipping information form by ~41%.

Covered in:

Corporate Incentives & Rewards Flow

Launched: Q4 2020

Breakthrough the clutter and nurture professional relationships to expand sales pipelines, excite customers, and increase response rates all while keeping employees satisfied.

  • medtronic
  • aaa
  • corestream
  • data-axle
  • dataflix
  • groupon
  • legend-biotech
  • oracle
  • vertiv
  • volkswagen
  • widen
  • Zemitek

Team role

  • UX/UI Designer

Main areas of responsibility

  • UX design (flowcharts, low-fi wireframes)
  • Responsive UI Design
  • Low-fi prototypes

Tools and frameworks

  • Ant Design system used for the admin area
  • Sketch as a primary design tool
  • Invision for Low-fi prototyping

Create the admin panel:
Working with Ant Design

After a thorough debate, both the design and development team agreed to use Ant Design for the admin panel. Ant Design is a mature design system for enterprise-level products. This decision allowed us to focus more on solving the product challenges instead of spending a considerable amount of time on developing a custom design system.

Recognition

Every SmartGift experience is based on the user-first approach that has won multiple awards, including the MMA Global & North American Gold in Mobile Commerce, Payments, and more.

UI design

Examples of the public side of the Corporate Incentives & Rewards Flow.

Wrapped gift with welcome message
Wrapped gift with welcome message
Wrapped gift with welcome message
Wrapped gift with welcome message
Wrapped gift with welcome message
Wrapped gift with welcome message
Wrapped gift with welcome message

Covered in:

Tome

Launched: 2016

Tome is an authoring platform developed at the Hemispheric Institute, which serves as the basis for their award-winning digital publication imprint Hemi.Press. Tome is a multilingual, publishing tool designed for making online books, journals, and collaborative courses.

Team role

  • WordPress Developer, UX/UI Designer

Main areas of responsibility

  • Full-stack development
  • Wordpress development
  • UX/UI Design

Tools and frameworks

  • WordPress
  • HTML5/CSS3, PHP, JS (jQuery)
  • Sketch as a primary design tool
Tome: Inline editor
Tome: Select bibliography (no entry)

Enrich content:
Rich media & inline toolbar

Tome was born to allow students to work with rich media like maps, videos, and galleries in their essays. As a solution, we developed a custom media toolbar for the WordPress WYSIWIG editor. Students can access media and formatting options while working without leaving the editor.

Tome: Create bibliography
Tome: Custom admin panel

Streamline academic writing:
Introduce bibliography generator

Tome needed to consider the various academic formats and their differences. Every student's academic work needs to cite sources, so to help we created a bibliography generator. Students input their references, select their format and we take care of the rest. The result is always perfectly formatted bibliographies that any academic can understand.

About
Me

I'm a guy who loves unique challenges. Whether it's UX/UI and product design or just creating Spotify playlists for my friends and family that fits the vibe. I have always been a passionate self-learner with a soft spot for the web. I'm always looking for people that are as passionate as I am about design-oriented solutions.

Skills

  • UI Design Product Design
  • Skill: HTML and CSS User research
  • Skill: Javascript Javascript
  • Skill: Data Analysis UX/UI Design
  • Skill: Interaction Design Interaction Design
  • Skill: HTML and CSS HTML/CSS

Tools

  • Tool: Figma Figma
  • Tool: Storyboards Asana
  • Tool: Journey Maps Journey Maps
  • Tool: Git and Github Git & Github
  • Tool: VS Code VS Code
  • Tool: Whiteboard Prototypes
  • Tool: Google Analytics Google Analytics