IFLYTEK - BUILDING THE FLY TEK SHOPIFY STORE

A modern Shopify store showcasing iFLYTEK’s innovative AI products—the AINOTE Air 2 and Smart Translator. Inspired by reMarkable’s design, the site combines clean aesthetics, responsive functionality, and bilingual support with RTL capability, creating a seamless user experience that highlights the brand’s cutting-edge technology.

Project Focus

UX Design

UI Design

Market Research

Website design

Industry

Consumer Goods & Retail

Tools we used

10turtle

Project Completion

2024

001

OVERVIEW

The goal was to create a Shopify store that highlights two innovative products: the iFLYTEK AINOTE Air 2 and iFLYTEK Smart Translator. This involved designing a visually compelling and functional website inspired by reMarkable's product pages while integrating cross-browser compatibility, mobile responsiveness, and RTL functionality.

IFLYTEK_uiuxdesign_websitedesign_AIProducts_shopify_ainoteair2_smarttranslator_overview1_10turtle
IFLYTEK_uiuxdesign_websitedesign_AIProducts_shopify_ainoteair2_smarttranslator_overview2_10turtle

Industry

Consumer Goods & Retail

What we did

User ResearchUI/UX DesigningResponsive Experience

Platform

-
002

PROBLEM

iFLYTEK needed a clean, engaging, and user-friendly online store to position their products as market leaders. They required a bilingual setup with RTL compatibility and seamless integration of high-quality content like images, videos, and specifications. Challenges included optimizing for performance and ensuring an appealing design that resonates with their tech-savvy audience.

003

SOLUTION

A customized Shopify store was built using the Borders theme, inspired by reMarkable’s clean and professional design. The site highlighted the AINOTE Air 2 and Smart Translator with optimized media, detailed specifications, and bilingual RTL functionality. The result was a fast, responsive, and visually engaging store that effectively showcased iFLYTEK’s innovative products.

004

ROI

Optimized imagery, structured code hierarchy, and streamlined layouts significantly improved loading speed and performance metrics. Enhanced SEO structure increases discoverability, while improved accessibility ensures inclusive browsing. Together, these refinements create a smoother user journey, reduce bounce rates, and support higher engagement and conversion rates across devices.

IFLYTEK_uiuxdesign_websitedesign_AIProducts_shopify_ainoteair2_smarttranslator_ROI_10turtle
005

CLIENT'S DESIGN VISION

How do we blend cutting-edge Tech with Design?

The website will showcase iFLYTEK's innovative AI products, the AINOTE Air 2 and Smart Translator, with a clean, minimalist design inspired by reMarkable. It will offer responsive functionality, bilingual support, and RTL capability, ensuring a seamless user experience across devices. The design will emphasize modern aesthetics and intuitive navigation, reflecting iFLYTEK's cutting-edge technology.

IFLYTEK_uiuxdesign_websitedesign_AIProducts_shopify_ainoteair2_smarttranslator_clientdesignvision2_10turtle
IFLYTEK_uiuxdesign_websitedesign_AIProducts_shopify_ainoteair2_smarttranslator_clientdesignvision3_10turtle
006

USER FLOW

The user flow was crafted to ensure a seamless and intuitive journey for visitors. Starting with a visually striking homepage, users are guided to detailed product pages that showcase specifications, images, and videos. Clear call-to-action buttons direct users to the shopping cart and checkout, while support and FAQ sections provide easy access to additional resources.

User flow diagram for iFLYTEK Shopify store
007

LOGO

The logo, provided by the client, features a bold and modern design that encapsulates the essence of iFLYTEK’s technological innovation. Its clean lines and sharp edges align seamlessly with the overall minimalist aesthetic of the store, reinforcing brand recognition and trustworthiness.

IFLYTEK_uiuxdesign_websitedesign_AIProducts_shopify_ainoteair2_smarttranslator_logo1_10turtle
IFLYTEK_uiuxdesign_websitedesign_AIProducts_shopify_ainoteair2_smarttranslator_logo2_10turtle
008

TYPOGRAPHY

HarmonyOS Sans was chosen for its modern and clean aesthetic, perfectly complementing the innovative nature of iFLYTEK’s products. This typography ensured readability while aligning with the brand’s tech-focused identity.

Static logo design for iFLYTEKStatic logo design for iFLYTEK
009

COLOR PALETTE

The color palette for the iFLYTEK Shopify store includes a primary color of deep black (#231F20) for a sleek and professional tone, complemented by two secondary colors: a soft light gray (#E7ECF2) and white (#FFFFFF) for balance and clarity. These colors are supported by carefully chosen shades and tints to create depth and maintain a cohesive, modern aesthetic throughout the site, reflecting the brand’s innovative identity.

IFLYTEK_uiuxdesign_websitedesign_AIProducts_shopify_ainoteair2_smarttranslator_Colorpalette_10turtle
010

WIREFRAME

The wireframe established a clear structure for the website, incorporating sections for hero banners, product highlights, customer testimonials, and support information. Each component was strategically planned to ensure smooth navigation and balance between functionality and design.

011

WEBSITE DESIGN

The UI design focused on a minimalist aesthetic, blending clean layouts with responsive functionality. The interface was optimized for both mobile and desktop users, delivering a professional and user-friendly experience. High-quality visuals and carefully placed content blocks enhanced usability and engagement.

IFLYTEK_uiuxdesign_websitedesign_AIProducts_shopify_ainoteair2_smarttranslator_UIdesign_10turtle

Let’s connect

thankyou

Next Project

SEO Analysis Tool

UI/UX Design • Website Design

SEO Analysis Tool