01 / 改版前后Before & after
编辑器改版前后对比The editor before and after the redesign
Before
After
Full NameEthan BurnsHeadline/PositionFull Stack Web DeveloperEmailethan.burns@gmail.comWebsiteLocationBrooklyn, New YorkTelephone(333) 123-4567Add a custom field
TalenCat
Back Home
Edit
Content
Layout
Template
Page
Share resume
AI Tools
Resume Analysis
Interview Assistant
Career Compass
Mock Interview
Resume Translation
Headshot Generator
Free quota2 free resumes remainingUpgrade
EthanFree
Resume completeness 89%
Next: Add Project · Improve by 11%
Basic Info
Full NameEthan BurnsHeadline/PositionFull Stack Web DeveloperEmailethan.burns@gmail.comWebsiteLocationBrooklyn, New YorkTelephone(333) 123-4567Summary
Experienced full stack developer with expertise in both front-end and back-end web technologies. Skilled in React, Node.js, PHP, Python, and cloud platforms such as AWS. Seeking role as a full stack developer bringing together a passion for coding with the ability to quickly learn new technologies.
Profiles···
Work Experience···
Version historyEthan BurnsFull Stack Web Developer · Brooklyn, New York · (333) 123-4567 · ethan.burns@gmail.comSummaryExperienced full stack developer with expertise in both front-end and back-end web technologies. Skilled in React, Node.js, PHP, Python, and cloud platforms such as AWS. Seeking role as a full stack developer bringing together a passion for coding with the ability to quickly learn new technologies.ExperienceJune 2022 to PresentWebTech SolutionsFull Stack Developer70%
Ethan BurnsFull Stack Web Developer · Brooklyn, New York · (333) 123-4567 · ethan.burns@gmail.comSummaryExperienced full stack developer with expertise in both front-end and back-end web technologies. Skilled in React, Node.js, PHP, Python, and cloud platforms such as AWS. Seeking role as a full stack developer bringing together a passion for coding with the ability to quickly learn new technologies.ExperienceJune 2022 to PresentWebTech SolutionsFull Stack Developer- Develop full stack web applications using React, Node.js, and MongoDB
- Collaborate with product managers and UX team to translate wireframes into responsive user interfaces
- Write Unit Tests to achieve over 80% code coverage for robust functionality
- Developed and implemented a table reservation and order management system for a restaurant
03 / 视觉风格Visual style
主色、AI 渐变与组件Primary green, the AI gradient and components
- Primary#007D50
- Success#059669
- AI gradient#00BCA6 → #529BE5
- Progress#FCCC50
- Text#131A22
- Neutrals#FAFAFA · #EBEFF2 · #E5E8EC
SidebarContentLayoutAI Tools
ButtonsATS CheckerAI GeneratorAdd a custom fieldPhoto
StatusSaved89%Improve by 11%
InputsFull NameIBM Plex SansNoto Sans SC12 · 14 · 16
04 / 设计产出Outcomes
左侧栏逻辑、编辑器改版、视觉风格与上线产品Sidebar logic, the redesign, visual style and the shipped product
左侧栏交互逻辑Sidebar logic
编辑 5 项、AI 工具 6 项；收起后折叠为编辑、分享与 AIEdit (5) and AI tools (6); collapsed to Edit, Share and AI
编辑器改版Redesign
从图标竖排到分组侧栏，界面改为中性、扁平From an icon rail to a grouped sidebar on a neutral workspace
视觉风格Visual style
- 主色 #007D50Primary #007D50
- AI 渐变AI gradient
- 进度黄 #FCCC50Progress #FCCC50
已上线Shipped
TalenCat CV Maker · talencat.comTalenCat CV Maker · talencat.com