My name is Jakub Kohout
I'm an UX/UI designer and web developer who loves solving business challenges through design.
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.
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.
BackTome 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.
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.
Freelance
U+ Ventures 2021
U+ Ventures 2022
SmartGift 2017-2020
SmartGift 2020
NYU, Tome 2016
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 redesign and development of ArroyoProcess.com presented several significant challenges that needed to be addressed to achieve a successful transformation:
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.
The existing website utilized outdated SEO methods, necessitating a thorough overhaul of SEO strategies to improve online visibility and search rankings.
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.
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:
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.
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.
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.
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.
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.
The project was anchored on key design principles that prioritized usability, aesthetics, and responsiveness. The key deliverables included
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.
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.
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.
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.
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:
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.
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.
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.
I provided templates for both desktop and mobile devices, ensuring a consistent and responsive design across various screen sizes.
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.
I defined grid systems for both desktop and mobile, providing a structured layout and aligning elements consistently across different devices.
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.
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.
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.
I provided templates for both desktop and mobile devices, ensuring a consistent and responsive design across various screen sizes.
I included unique components specific to each template's purpose, streamlining the design process and maintaining consistency.
I set up the templates as clickable prototypes, enabling designers to quickly test and iterate on their designs before handing them off to developers.
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.
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.
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.
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.
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.
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.
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.
After a routine quantitative funnel analysis (Google Analytics), we discovered a considerable drop-off in the gift recipients funnel on the shipping information form.
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.
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%.
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.
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.
Examples of the public side of the Corporate Incentives & Rewards Flow.
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 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.
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.