Umami Ware. Award-winning website for an AI & Data Science company
About
Umami Ware is an international team of consultants and engineers building digital products in Data Science, AI and product development. Cosmos Studio designed an innovative, animation-rich corporate website that won Awwwards and CSS Design Awards recognition and drew 70,000+ visitors in two months.
Challenge
Umami Ware asked us for an innovative corporate website for an international audience – product owners, CTOs, investors and tech companies. The goal was a unique UX/UI design that conveys the brand’s character, proves expertise in AI and Data Science and makes a strong first impression through modern animation and interactive elements.
Design core
The project is built on a dynamic user experience with unconventional navigation, smooth transitions and lots of animation – a site that triggers a “wow” in the first seconds. The visual system pairs bright orange accents with black, while Reforma Grotesk and Montserrat give it a modern look and keep information easy to read.
Scalable navigation structure
The site started as a landing page and grew into a scalable corporate resource as the company expanded. We designed custom navigation with an animated menu and a structure that easily accommodates new pages and services.
Complex animation without losing performance
One of the biggest challenges was implementing complex animations and interactive scenarios without hurting site performance. Together with the Umami Ware team we kept improving the project after launch, optimizing interactions and expanding functionality.
Favorite details
Our favorite touches are the interactive Umami bot and a confetti celebration after a successful form submission – small details that create positive emotions and make the brand more memorable.
Awards
The website earned international recognition: Awwwards Honorable Mention, CSS Design Awards Website of the Day, Innovation Design Award, UX Design Award and UI Design Award.
Results
We created a modern corporate website that combines strong UX/UI design, expressive animation and a well-thought-out information architecture. In the first two months after launch the site attracted 70,000+ unique visitors and became a key tool for Umami Ware’s brand growth and international positioning.
.webp)
%201%20(1)%201.webp)
Our design services and the industries we design for
Product UX/UI Design
Dashboard
Onboarding
Mobile
SaaS
MVP
Web Apps
We design complex product interfaces that users actually understand. Dashboards, onboarding flows, and core features — built for scale from day one.
Frontend Development
Frontend development
React / Next.js
TypeScript
Design systems
Responsive
Product UI
Frontend development and UI engineering: React, Next.js and TypeScript interfaces, design systems in code and production-ready product UI.
Website Design
Corporate websites
Landing pages
UX/UI
Motion design
Premium look
High conversion
Award-winning website design for tech companies: strategy, UX, UI and motion design for corporate websites and landing pages that convert.
Brand Identity Design
Logo
Branding
Motion
Deck
Visual identity
Guidelines
A visual language that grows with your company. From first pitch deck to Series B we build brands that investors and users trust.
Website Development
Webflow
WordPress
React / Next.js
CMS
SEO-ready
Animation
Website development on Webflow, WordPress and React / Next.js: fast, SEO-ready marketing and corporate websites your team can edit.
Webflow Development
Webflow
Figma to Webflow
CMS
Interactions
SEO
Migration
Webflow development agency: custom Webflow websites, CMS setup, animations and Figma to Webflow builds your marketing team can edit.
Web App Development
Web apps
SaaS
MVP
React / Next.js
Dashboards
Platforms
Web app and SaaS development: product design and React / Next.js frontend in-house, backend with trusted engineering partners, from MVP to scale.
Mobile App Design
iOS
Android
Mobile UX
Onboarding
Prototyping
Design system
.webp)
Mobile app design for iOS and Android: UX/UI, onboarding, habit-building flows, social features and design systems that keep users coming back.
UX Audit
UX audit
Conversion
Retention
Usability
Accessibility
Analytics
UX audit of your website or product: we find where users get stuck and give a prioritized list of fixes to grow conversion and retention.
Defense Tech
Branding
Visual Identity
Logo
Motion
Pitch Deck
Guidelines
.webp)
UX/UI design and frontend development for defense and military tech: command and control, ISR, geospatial and mission-critical products, plus brands and websites for defense companies.
Gaming
UI/UX Design
Onboarding
Mobile
Web App
MVP
Design and development for game studios: career and recruitment websites, landing pages and brand experiences that attract players and talent.
EdTech
Landing Page
Corporate Website
AI-powered
Premium look
High conversion
EdTech design and development for learning platforms, LMS, school and teacher tools and education websites – from UX research to a launched product.
SaaS
Dashboard
Web App
Onboarding
AI-powered
SaaS
MVP
SaaS product design and development: UX research, UI design, design systems, marketing websites and frontend for B2B platforms, CRMs and dashboards.
MedTech
Web App
Dashboard
Mobile
Data Visualization
UX Research
UX/UI design for MedTech and healthcare products: clinical and desktop apps, SaaS for healthcare businesses and patient-facing interfaces that are clear and safe to use.
Web3
NFT
Crypto
Landing page
DEX
Web app
Mobile app
Web3 and crypto design and development: NFT and token launch websites, staking and DeFi dashboards, brands and characters, built with React, Next.js and Three.js.
AI Products
AI Platforms
Generative AI
AI Assistants
Machine Learning
AI Automation
UX/UI design and development for AI products: AI assistants and apps, AI-native SaaS, AI agency websites and brands for AI startups.
Wellness
Fitness Apps
Sports Platforms
Wellness Products
Health Tracking
Design and development for health and wellness brands: e-commerce and subscription websites, fitness and fasting apps, and wellness brand identities.
Other
Digital agency
Corporate website
Landing Page
We design and develop websites and applications for various industries and types of businesses
Nonprofit
Nonprofit website
NGO
Campaign site
Donations
Storytelling
WordPress
Website design and development for nonprofits, NGOs and social impact campaigns: clear storytelling, easy donations and adoption flows, and content teams can manage themselves.
B2B Services
Corporate website
B2B
IT services
Rebranding
Lead generation
WordPress
Website design and development for B2B, IT and professional services companies: corporate websites, rebrands and lead-generation sites built on WordPress, Webflow and React.
Hospitality and Travel
Brand identity
Hospitality
Travel
Private club
Hotel
Website
Brand identity, website design and development for hospitality, travel and lifestyle brands: private clubs, hotels and sleep concepts, and event travel platforms.
Start your project with Cosmos™
Drop us a message, Anna reviews every brief personally and gets back to you within one business day. From there it's simple: we align on scope, sign the contract, and book your start date. Fast, clear, no back-and-forth.
