Works
APP
Design
Scroll-down for all works
Works
APP
Design
Scroll-down for all works
Works
APP
Design
Scroll-down for all works
Works
APP
Design
Scroll-down for all works
2015-2023
2015-2023
APP
works
APP
works
APP
works
The user behavior in apps is similar to that of websites, yet it also differs significantly. Many elements can be shared between the two, but there are also behaviors unique to mobile devices. In my past projects, I've ventured into a wide array of industries, securing recognition such as the Red Dot Design Award. Whether it's e-commerce, finance, or other sectors, my experience encompasses a diverse range of projects.
App design is a nuanced task – it shares similarities with web design, but the intricacies become apparent only through hands-on experience. Many features are exclusive to mobile platforms. Having engaged in a multitude of app design projects over the past decade, I've gained a deep understanding of the critical nuances involved. I hope that my extensive experience in diverse app design contexts over the last 10 years can provide valuable and practical assistance.
The user behavior in apps is similar to that of websites, yet it also differs significantly. Many elements can be shared between the two, but there are also behaviors unique to mobile devices. In my past projects, I've ventured into a wide array of industries, securing recognition such as the Red Dot Design Award. Whether it's e-commerce, finance, or other sectors, my experience encompasses a diverse range of projects.
App design is a nuanced task – it shares similarities with web design, but the intricacies become apparent only through hands-on experience. Many features are exclusive to mobile platforms. Having engaged in a multitude of app design projects over the past decade, I've gained a deep understanding of the critical nuances involved. I hope that my extensive experience in diverse app design contexts over the last 10 years can provide valuable and practical assistance.
2022 Freelance
2022 Freelance
Masa Massage
Masa Massage
2022-2023 Fulltime, Finance
2022-2023 Fulltime, Finance
Yahoo Stock
Yahoo Stock
2022 Freelance, Block-chain
2022 Freelance, Block-chain
BitGin Exchange
BitGin Exchange
2017-2019 Freelance, Block-chain
2017-2019 Freelance, Block-chain
COBINHOOD Exchange
COBINHOOD Exchange
2016-2017 Fulltime, Streaming
2016-2017 Fulltime, Streaming
iSunTV Streaming
iSunTV Streaming
2021-2023 Freelance, Social
2021-2023 Freelance, Social
Allears - Music Social App
Allears - Music Social App
2015 Fulltime, Smart Watch
2015 Fulltime, Smart Watch
Kid Watch Device OS
Kid Watch Device OS
Masa Massage
Masa
Massage
2022, freelance, include: UI/UX, visual redefine, design system, multi-language
2022 Freelance, include: UI/UX, visual redefine, design System, multi-language.
"Masa" is a convenient massage chair cushion that can be placed anywhere for on-the-go massages. The product name is derived from the English word "massage," originating from the word source "massa." This idea took root when the founder observed the challenges faced by elderly family members who spent prolonged periods in bed. Determined to create an affordable, portable, and highly customizable massaging device, the founder developed Masa. The goal is to empower individuals to relax and rejuvenate effectively at any time and any place, making it accessible to everyone.
"Masa" is a convenient massage chair cushion that can be placed anywhere for on-the-go massages. The product name is derived from the English word "massage," originating from the word source "massa." This idea took root when the founder observed the challenges faced by elderly family members who spent prolonged periods in bed. Determined to create an affordable, portable, and highly customizable massaging device, the founder developed Masa. The goal is to empower individuals to relax and rejuvenate effectively at any time and any place, making it accessible to everyone.
For this project, there was no need to redesign the brand and logo. However, the existing interface did not align with the current brand goals, and there were many concepts that the new design needed to accommodate. Therefore, we initiated the project with conceptual trials. Once a direction was chosen, we proceeded with the design of the app interface and workflow. We provided design guidelines to help the engineering team understand how the screens were structured and outlined the process for content uploading. The entire project was completed in approximately one month after finalizing the chosen direction.
For this project, there was no need to redesign the brand and logo. However, the existing interface did not align with the current brand goals, and there were many concepts that the new design needed to accommodate. Therefore, we initiated the project with conceptual trials. Once a direction was chosen, we proceeded with the design of the app interface and workflow. We provided design guidelines to help the engineering team understand how the screens were structured and outlined the process for content uploading. The entire project was completed in approximately one month after finalizing the chosen direction.
We presented two conceptual versions
for the client to choose from.
We presented two conceptual versions for the client to choose from.
We presented two conceptual versions
for the client to choose from.
We presented two conceptual versions for the client to choose from.
Provided design specs for
developer team.
Provided design specs for
developer team.
Provided design specs for
developer team.
Provided design specs for
developer team.
This project accomplished the following tasks
This project accomplished the following tasks
This project accomplished the following tasks
Conceptualization
Conceptualization
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
Interface Design
Interface Design
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms. Special attention was given to customization for smaller screens on mobile devices.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms. Special attention was given to customization for smaller screens on mobile devices.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms. Special attention was given to customization for smaller screens on mobile devices.
Design System
Design System
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Multi-Language
Multi-Language
The product needs to support at least Chinese and English, with the capability to accommodate other languages. Language editing and loading are facilitated through third-party language tools, and the design drafts have taken this aspect into consideration.
The product needs to support at least Chinese and English, with the capability to accommodate other languages. Language editing and loading are facilitated through third-party language tools, and the design drafts have taken this aspect into consideration.
The product needs to support at least Chinese and English, with the capability to accommodate other languages. Language editing and loading are facilitated through third-party language tools, and the design drafts have taken this aspect into consideration.
Specs for Developers
Specs for Developers
Upon client confirmation of the accuracy and alignment with their requirements in the product flow, UI design drafts, and design system guidelines, the project underwent acceptance. Subsequently, the finalized design drafts were delivered to the development team for further implementation.
Upon client confirmation of the accuracy and alignment with their requirements in the product flow, UI design drafts, and design system guidelines, the project underwent acceptance. Subsequently, the finalized design drafts were delivered to the development team for further implementation.
Upon client confirmation of the accuracy and alignment with their requirements in the product flow, UI design drafts, and design system guidelines, the project underwent acceptance. Subsequently, the finalized design drafts were delivered to the development team for further implementation.
Yahoo Stock
Yahoo Stock
2022-2023, full-time, include: UI/UX, branding, function redefine, design system.
2022-2023, full-time, include: UI/UX, branding, function redefine, design system.
The Personal Stock Assistant from Yahoo is your go-to companion for staying ahead in your investment journey. Offering real-time global stock market updates, live Taiwan stock quotes, a stock chatroom, insights into ETF investments, currency exchange trends, and personally curated stock news, the Yahoo Stock Market App is your mobile financial guide.
The Personal Stock Assistant from Yahoo is your go-to companion for staying ahead in your investment journey. Offering real-time global stock market updates, live Taiwan stock quotes, a stock chatroom, insights into ETF investments, currency exchange trends, and personally curated stock news, the Yahoo Stock Market App is your mobile financial guide.
In 2022, I joined Yahoo as a Staff Designer, primarily focusing on projects related to Yahoo Finance. As the leading financial media outlet in Taiwan for over a decade, Yahoo Finance is a household name for those monitoring the Taiwan stock market. The collaboration between the app and web platforms offers a multitude of features that make it convenient for stock market enthusiasts, especially newcomers, to analyze and investigate different investment opportunities.
Being part of such a major project at Yahoo, a company with millions of users, has given me firsthand experience in project development processes that successfully balance flexibility and rigor, professionalism, and innovation. The internal discussions involve a diverse range of ideas and concurrent development, all implemented gradually through a steady and strategic approach, contributing to the project's enduring success.
In 2022, I joined Yahoo as a Staff Designer, primarily focusing on projects related to Yahoo Finance. As the leading financial media outlet in Taiwan for over a decade, Yahoo Finance is a household name for those monitoring the Taiwan stock market. The collaboration between the app and web platforms offers a multitude of features that make it convenient for stock market enthusiasts, especially newcomers, to analyze and investigate different investment opportunities.
Being part of such a major project at Yahoo, a company with millions of users, has given me firsthand experience in project development processes that successfully balance flexibility and rigor, professionalism, and innovation. The internal discussions involve a diverse range of ideas and concurrent development, all implemented gradually through a steady and strategic approach, contributing to the project's enduring success.
Developed multiple stock market features and planned VIP services.
Developed multiple stock market features and planned VIP services.
Developed multiple stock market features and planned VIP services.
Provided different concepts internally and further developed planning.
Provided different concepts internally and further developed planning.
Provided different concepts internally and further developed planning.
This project accomplished the following tasks
This project accomplished the following tasks
Conceptualization
Conceptualization
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
Interface Design
Interface Design
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms. Special attention was given to customization for smaller screens on mobile devices.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms. Special attention was given to customization for smaller screens on mobile devices.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms. Special attention was given to customization for smaller screens on mobile devices.
Design System
Design System
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Specs for Developers
Specs for Developers
Upon client confirmation of the accuracy and alignment with their requirements in the product flow, UI design drafts, and design system guidelines, the project underwent acceptance. Subsequently, the finalized design drafts were delivered to the development team for further implementation.
Upon client confirmation of the accuracy and alignment with their requirements in the product flow, UI design drafts, and design system guidelines, the project underwent acceptance. Subsequently, the finalized design drafts were delivered to the development team for further implementation.
Upon client confirmation of the accuracy and alignment with their requirements in the product flow, UI design drafts, and design system guidelines, the project underwent acceptance. Subsequently, the finalized design drafts were delivered to the development team for further implementation.
BitGin Exchange
BitGin
Exchange
2022, freelance, include: UI/UX, design System.
2022, freelance, include: UI/UX, design System.
A Taiwan-based cryptocurrency exchange is dedicated to enabling users to purchase Tether (USDT), Bitcoin (BTC), and Ethereum (ETH) with New Taiwan Dollars (NTD) at the closest exchange rate. Funds in NTD are secured through trust provided by KGI Bank, ensuring both safety and peace of mind.
A Taiwan-based cryptocurrency exchange is dedicated to enabling users to purchase Tether (USDT), Bitcoin (BTC), and Ethereum (ETH) with New Taiwan Dollars (NTD) at the closest exchange rate. Funds in NTD are secured through trust provided by KGI Bank, ensuring both safety and peace of mind.
The primary objective of this project is to transition existing web functionalities into a mobile app. Many companies typically don't replicate all web features in their initial mobile app release due to differences in mobile functionality and user interaction compared to computers. Especially when dealing with complex technologies like blockchain, the challenges in technicalities and operations are even more pronounced. However, BitGin's unique goal from the outset is to minimize these differences, ensuring that users from the web platform receive an equivalent experience on the mobile app.
The primary objective of this project is to transition existing web functionalities into a mobile app. Many companies typically don't replicate all web features in their initial mobile app release due to differences in mobile functionality and user interaction compared to computers. Especially when dealing with complex technologies like blockchain, the challenges in technicalities and operations are even more pronounced. However, BitGin's unique goal from the outset is to minimize these differences, ensuring that users from the web platform receive an equivalent experience on the mobile app.
Transferring the majority of the web platform's functionalities to the mobile app.
Transferring the majority of the web platform's functionalities to the mobile app.
Transferring the majority of the web platform's functionalities to the mobile app.
Provided design specs for
developer team.
Provided design specs for
developer team.
Provided design specs for
developer team.
This project accomplished the following tasks
This project accomplished the following tasks
Conceptualization
Conceptualization
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
Interface Design
Interface Design
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms. Special attention was given to customization for smaller screens on mobile devices.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms. Special attention was given to customization for smaller screens on mobile devices.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms. Special attention was given to customization for smaller screens on mobile devices.
Design System
Design System
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Specs for Developers
Specs for Developers
Upon client confirmation of the accuracy and alignment with their requirements in the product flow, UI design drafts, and design system guidelines, the project underwent acceptance. Subsequently, the finalized design drafts were delivered to the development team for further implementation.
Upon client confirmation of the accuracy and alignment with their requirements in the product flow, UI design drafts, and design system guidelines, the project underwent acceptance. Subsequently, the finalized design drafts were delivered to the development team for further implementation.
Upon client confirmation of the accuracy and alignment with their requirements in the product flow, UI design drafts, and design system guidelines, the project underwent acceptance. Subsequently, the finalized design drafts were delivered to the development team for further implementation.
COBINHOOD
Exchange
COBINHOOD Exchange
COBINHOOD
Exchange
2017-2019, full-time, include: UI/UX, brand expand, design System, multi-language, animation, social media materials.
2017-2019, full-time, include: UI/UX, brand expand, design System, multi-language, animation, social media materials.
The world's first cryptocurrency exchange with zero transaction fees, it raised over 45,000 Ethereum in funding and went live at the end of 2017. With a user base exceeding 500,000, it supports up to 18 languages, and notably, it has even served users in North Korea. Additionally, it holds the distinction of being the first exchange globally to receive the German Red Dot Design Award.
The world's first cryptocurrency exchange with zero transaction fees, it raised over 45,000 Ethereum in funding and went live at the end of 2017. With a user base exceeding 500,000, it supports up to 18 languages, and notably, it has even served users in North Korea. Additionally, it holds the distinction of being the first exchange globally to receive the German Red Dot Design Award.
In September 2017, I joined as a Senior Designer, participating in the full-time capacity during the fundraising and launch of the cryptocurrency exchange. I was involved in the development and launch of the exchange until the closure of the company. Throughout this period, my responsibilities encompassed all visual and UI/UX design aspects of the exchange.
I created nearly 40 animations and static materials for advertisements and community content, over 30 promotional events, and designed over 200 pages for both the app and web platforms. Additionally, I contributed to backend development, participated in multilingual planning, provided design documentation to the team, established design system guidelines, and assisted in introducing early-stage research and data analysis to help position the company's products.
In September 2017, I joined as a Senior Designer, participating in the full-time capacity during the fundraising and launch of the cryptocurrency exchange. I was involved in the development and launch of the exchange until the closure of the company. Throughout this period, my responsibilities encompassed all visual and UI/UX design aspects of the exchange.
I created nearly 40 animations and static materials for advertisements and community content, over 30 promotional events, and designed over 200 pages for both the app and web platforms. Additionally, I contributed to backend development, participated in multilingual planning, provided design documentation to the team, established design system guidelines, and assisted in introducing early-stage research and data analysis to help position the company's products.
Experience that rivals the web's, Red Dot Design Award winner in 2018.
Experience that rivals the web's, Red Dot Design Award winner in 2018.
Experience that rivals the web's, Red Dot Design Award winner in 2018.
Provide design documents to the development team.
Provide design documents to the development team.
Provide design documents to the development team.
This project accomplished the following tasks
This project accomplished the following tasks
Conceptualization
Conceptualization
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
Interface Design
Interface Design
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
Design System
Design System
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Multi-Language
Multi-Language
The product needs to support at least Chinese and English, as well as other languages. Language editing and loading are done using third-party language tools, so the design drafts also take this into account.
The product needs to support at least Chinese and English, as well as other languages. Language editing and loading are done using third-party language tools, so the design drafts also take this into account.
Specs for Developers
Specs for Developers
After completing the product workflow, UI design, and design system guidelines, the project undergoes acceptance testing upon confirmation by the client. Once accepted, the design drafts are delivered to the development team for implementation.
After completing the product workflow, UI design, and design system guidelines, the project undergoes acceptance testing upon confirmation by the client. Once accepted, the design drafts are delivered to the development team for implementation.
iSunTV Streaming
iSunTV Streaming
2016-2017, full-time, include: UI/UX design, branding, design system, multi-language.
2016-2017, full-time, include: UI/UX design, branding, design system, multi-language.
Founded in 2000, Sun TV is a 24-hour Chinese satellite television channel known for its credibility and influence. Renowned for its in-depth documentaries, Sun TV is committed to visual storytelling, cultural dissemination through audio-visual media, and shouldering social responsibilities as a media outlet. It provides an open space and independent platform for civic discourse and scholarly thoughts, advancing towards the themes of "True History, New Finance, and In-depth News.
Founded in 2000, Sun TV is a 24-hour Chinese satellite television channel known for its credibility and influence. Renowned for its in-depth documentaries, Sun TV is committed to visual storytelling, cultural dissemination through audio-visual media, and shouldering social responsibilities as a media outlet. It provides an open space and independent platform for civic discourse and scholarly thoughts, advancing towards the themes of "True History, New Finance, and In-depth News.
In June 2016, I joined iSun Group as a Senior Designer in a full-time capacity. I participated in the launch and development of various projects, spanning different devices and platforms within the iSun Group. Throughout this period, I was responsible for all visual and UI/UX design aspects across the group.
I produced nearly 200 pages of designs for both apps and web platforms, contributed to backend development, participated in multilingual planning, and provided design documentation to the team.
In June 2016, I joined iSun Group as a Senior Designer in a full-time capacity. I participated in the launch and development of various projects, spanning different devices and platforms within the iSun Group. Throughout this period, I was responsible for all visual and UI/UX design aspects across the group.
I produced nearly 200 pages of designs for both apps and web platforms, contributed to backend development, participated in multilingual planning, and provided design documentation to the team.
Transferring the majority of the website's functionalities to the app.
Transferring the majority of the website's functionalities to the app.
Transferring the majority of the website's functionalities to the app.
Provide design documents to the development team.
Provide design documents to the development team.
Provide design documents to the development team.
This project accomplished the following tasks
This project accomplished the following tasks
Conceptualization
Conceptualization
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
In this case, the logo did not require a redesign. The focus was on exploring designs that aligned with the product's tone. Two conceptual designs were developed for consideration.
Interface Design
Interface Design
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
Design System
Design System
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Multi-Language
Multi-Language
The product needs to support at least Chinese and English, as well as other languages. Language editing and loading are done using third-party language tools, so the design drafts also take this into account.
The product needs to support at least Chinese and English, as well as other languages. Language editing and loading are done using third-party language tools, so the design drafts also take this into account.
Specs for Developers
Specs for Developers
After completing the product workflow, UI design, and design system guidelines, the project undergoes acceptance testing upon confirmation by the client. Once accepted, the design drafts are delivered to the development team for implementation.
After completing the product workflow, UI design, and design system guidelines, the project undergoes acceptance testing upon confirmation by the client. Once accepted, the design drafts are delivered to the development team for implementation.
Allears - Music Social App
Allears - Music Social App
2021-2023, freelance, include: UI/UX design, design system.
2021-2023, freelance, include: UI/UX design, design system.
Allears provides a platform for music enthusiasts to connect. Here, you can find people with similar tastes, share music, chat, participate in events together, and even share your own playlists and moods.
Allears provides a platform for music enthusiasts to connect. Here, you can find people with similar tastes, share music, chat, participate in events together, and even share your own playlists and moods.
In this project, I began by defining the brand and establishing its image. I presented two conceptual directions and designed an app icon. Upon selecting a direction, I extended it to various screens while organizing design system guidelines. I provided design drafts for frontend engineers to commence development. The project is still ongoing and will soon be launched to share with users.
In this project, I began by defining the brand and establishing its image. I presented two conceptual directions and designed an app icon. Upon selecting a direction, I extended it to various screens while organizing design system guidelines. I provided design drafts for frontend engineers to commence development. The project is still ongoing and will soon be launched to share with users.
The product includes numerous features related to music and social community functionalities.
The product includes numerous features related to music and social community functionalities.
The product includes numerous features related to music and social community functionalities.
Provide design documents to the development team.
Provide design documents to the development team.
Provide design documents to the development team.
This project accomplished the following tasks
This project accomplished the following tasks
Conceptualization
Conceptualization
Two visual positioning concepts for the product were provided, along with one App Icon.
Two visual positioning concepts for the product were provided, along with one App Icon.
Interface Design
Interface Design
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
Design System
Design System
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Multi-Language
Multi-Language
The product needs to support at least Chinese and English, as well as other languages. Language editing and loading are done using third-party language tools, so the design drafts also take this into account.
The product needs to support at least Chinese and English, as well as other languages. Language editing and loading are done using third-party language tools, so the design drafts also take this into account.
Specs for Developers
Specs for Developers
After completing the product workflow, UI design, and design system guidelines, the project undergoes acceptance testing upon confirmation by the client. Once accepted, the design drafts are delivered to the development team for implementation.
After completing the product workflow, UI design, and design system guidelines, the project undergoes acceptance testing upon confirmation by the client. Once accepted, the design drafts are delivered to the development team for implementation.
KidWatch Device OS
KidWatch Device OS
2015, full-time, include: UI/UX design, design system, animation.
2015, full-time, include: UI/UX design, design system, animation.
A wearable smart device specially designed for children, offering reminders, communication, location tracking, weather updates, and a personal assistant. This device allows children to have smart assistance without the need for a smartphone, providing both intelligence and a sense of security for parents.
A wearable smart device specially designed for children, offering reminders, communication, location tracking, weather updates, and a personal assistant. This device allows children to have smart assistance without the need for a smartphone, providing both intelligence and a sense of security for parents.
In this project, due to the modification of the Android system and its implementation on a smartwatch device, the screen real estate is quite limited. Planning functionalities on such a small screen required careful consideration. In the initial stages, I collaborated with a development company in Beijing to establish the style and direction. Subsequently, I designed screens and interactive animations based on the chosen direction, while also organizing design system guidelines. I provided design drafts to frontend engineers for development. After a year of development, the project successfully went live.
In this project, due to the modification of the Android system and its implementation on a smartwatch device, the screen real estate is quite limited. Planning functionalities on such a small screen required careful consideration. In the initial stages, I collaborated with a development company in Beijing to establish the style and direction. Subsequently, I designed screens and interactive animations based on the chosen direction, while also organizing design system guidelines. I provided design drafts to frontend engineers for development. After a year of development, the project successfully went live.
This project accomplished the following tasks
This project accomplished the following tasks
Interface Design
Interface Design
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
For this project, we created nearly 50 screens tailored specifically for both iOS and Android platforms.
Design System
Design System
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Provided comprehensive design guidelines to the engineering team, enabling them to understand screen structures and facilitating the content uploading process.
Animation
Due to the limited screen space, the product heavily relies on interactive animations to guide users. Therefore, nearly 70 animations were created for this project, along with accompanying documentation.
Due to the limited screen space, the product heavily relies on interactive animations to guide users. Therefore, nearly 70 animations were created for this project, along with accompanying documentation.
Specs for Developers
Specs for Developers
After completing the product workflow, UI design, and design system guidelines, the project undergoes acceptance testing upon confirmation by the client. Once accepted, the design drafts are delivered to the development team for implementation.
After completing the product workflow, UI design, and design system guidelines, the project undergoes acceptance testing upon confirmation by the client. Once accepted, the design drafts are delivered to the development team for implementation.
After completing the product workflow, UI design, and design system guidelines, the project undergoes acceptance testing upon confirmation by the client. Once accepted, the design drafts are delivered to the development team for implementation.
More Design Cases
More Design Cases
More Design Cases
More Design Cases
Ted.D
© 2023 Ted.D