feat: 新增作品和动态详情页
✨ Work 详情页 (/work/[slug]): - Hero 大图 + 渐变遮罩 - 项目概述、挑战、解决方案 - 项目截图画廊 - 右侧信息卡片（客户、年份、周期、服务） - 访问项目按钮 - 相关项目推荐 - 返回列表按钮 - 完整中英文内容 ✨ News 详情页 (/news/[slug]): - Hero 大图 + 渐变遮罩 - 分类标签 + 日期 + 阅读时间 + 作者 - 文章正文（多段落 + 引用 + 图片） - 分享按钮（Twitter、LinkedIn、复制链接） - 相关文章推荐 - 返回列表按钮 - 完整中英文内容 🔧 列表页更新: - work.vue → work/index.vue - news.vue → news/index.vue - 卡片链接改为 NuxtLink 到详情页 🌍 国际化: - 6 个作品详情（中文 + 英文） - 6 篇文章详情（中文 + 英文） Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
陈春
+126
-1
@@ -308,7 +308,65 @@
|
||||
"branding": "Branding",
|
||||
"development": "Development"
|
||||
},
|
||||
"cta": "View Project"
|
||||
"cta": "View Project",
|
||||
"backToList": "Back to Work",
|
||||
"detail": {
|
||||
"overview": "Overview",
|
||||
"challenge": "Challenge",
|
||||
"solution": "Solution",
|
||||
"gallery": "Gallery",
|
||||
"projectInfo": "Project Info",
|
||||
"client": "Client",
|
||||
"year": "Year",
|
||||
"duration": "Duration",
|
||||
"services": "Services",
|
||||
"visitProject": "Visit Project",
|
||||
"relatedProjects": "Related Projects",
|
||||
"items": {
|
||||
"forma-digital": {
|
||||
"overview": "Forma Digital is a modern e-commerce platform designed to provide a seamless shopping experience. We redesigned the entire user interface with a minimalist design approach, focusing on product showcase and conversion optimization.",
|
||||
"challenge": "The client needed a platform that could both showcase premium products and deliver a smooth shopping experience. The existing website was slow, had poor mobile experience, and low conversion rates.",
|
||||
"solution": "We built the platform with React + Next.js, implementing server-side rendering and static generation for blazing fast load times. The product pages feature immersive large-format imagery with smooth animation transitions.",
|
||||
"client": "Forma Digital Inc.",
|
||||
"duration": "3 months"
|
||||
},
|
||||
"one-step": {
|
||||
"overview": "One Step is a fitness app focused on building healthy habits. We created a complete brand visual identity system including logo design, UI interface, and marketing materials.",
|
||||
"challenge": "In the competitive fitness app market, how to stand out through brand design and establish unique brand recognition.",
|
||||
"solution": "With the core concept of 'one step at a time', we designed a clean and powerful brand identity. Using gradient colors and rounded graphic language to convey health, positivity, and progress.",
|
||||
"client": "One Step Fitness",
|
||||
"duration": "2 months"
|
||||
},
|
||||
"nero-vision": {
|
||||
"overview": "Nero Vision is a portfolio management platform for creative professionals, helping designers and artists showcase and manage their work.",
|
||||
"challenge": "Creative professionals need a platform that can perfectly showcase work while being easy to manage. Existing solutions are either too complex or have poor display quality.",
|
||||
"solution": "We developed a full-stack application with Vue.js + Node.js, designing an intuitive drag-and-drop portfolio management interface with beautiful display templates.",
|
||||
"client": "Nero Studio",
|
||||
"duration": "4 months"
|
||||
},
|
||||
"bold-moves": {
|
||||
"overview": "Bold Moves is an interactive website showcasing innovative architectural designs through 3D visualization technology, letting users experience architecture immersively.",
|
||||
"challenge": "How to present complex architectural designs in an intuitive and engaging way to general users while maintaining professionalism.",
|
||||
"solution": "We used Three.js for high-quality 3D rendering with smooth interactive design, allowing users to appreciate architectural details from any angle, with lighting effects and material displays.",
|
||||
"client": "Bold Moves Architecture",
|
||||
"duration": "5 months"
|
||||
},
|
||||
"echo-labs": {
|
||||
"overview": "Echo Labs is an AI tech startup. We created a complete brand visual identity system and corporate website for them.",
|
||||
"challenge": "AI brands need to convey both technology and humanity, avoiding being too cold or technical.",
|
||||
"solution": "With the concept of 'echo', we designed a dynamic brand identity. Using dark themes with gradient colors for a tech feel, while rounded graphic language adds approachability.",
|
||||
"client": "Echo Labs AI",
|
||||
"duration": "3 months"
|
||||
},
|
||||
"flux-api": {
|
||||
"overview": "Flux API is a scalable REST API service platform with comprehensive documentation and developer tools to help developers integrate quickly.",
|
||||
"challenge": "API documentation and developer experience are core competitive advantages. How to make complex APIs easy to understand and use.",
|
||||
"solution": "We designed interactive API documentation with online testing and code generation. Multi-language SDKs and detailed tutorials significantly reduce the learning curve for developers.",
|
||||
"client": "Flux Technologies",
|
||||
"duration": "6 months"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"studio": {
|
||||
"title": "About Studio",
|
||||
@@ -360,11 +418,78 @@
|
||||
"title": "News & Updates",
|
||||
"description": "Stay informed with our latest insights, project updates, and industry trends.",
|
||||
"readMore": "Read More",
|
||||
"backToList": "Back to News",
|
||||
"categories": {
|
||||
"all": "All Posts",
|
||||
"insights": "Insights",
|
||||
"projects": "Projects",
|
||||
"announcements": "Announcements"
|
||||
},
|
||||
"detail": {
|
||||
"shareArticle": "Share Article",
|
||||
"relatedArticles": "Related Articles",
|
||||
"items": {
|
||||
"design-trends-2026": {
|
||||
"content": "In 2026, the design industry is undergoing a profound transformation. From the return of minimalism to the rise of bold typography, from the普及 of 3D elements to the maturity of AI-assisted design, these trends are redefining the boundaries of digital experiences.",
|
||||
"section1Title": "The Return of Minimalism",
|
||||
"section1Content": "In an age of information overload, users increasingly渴望 clean, clear interfaces. 2026's minimalism isn't just 'less is more' — it's about delivering more value in limited space through careful information architecture and visual hierarchy.",
|
||||
"quote": "Good design isn't about adding more, it's about removing the unnecessary. In 2026, this matters more than ever.",
|
||||
"section2Title": "Bold Typography & Dynamic Text",
|
||||
"section2Content": "Typography is moving from supporting actor to leading role. Large, high-contrast font designs are becoming important brand expression tools. Dynamic text effects are making typography a living, interactive element rather than static decoration.",
|
||||
"section3Title": "Maturity of AI-Assisted Design",
|
||||
"section3Content": "AI tools are shifting from 'replacing designers' to 'empowering designers.' Smart layout suggestions, automated color schemes, and real-time design feedback let designers focus on creativity and strategy rather than repetitive execution."
|
||||
},
|
||||
"forma-digital-launch": {
|
||||
"content": "After three months of careful crafting, we're excited to announce the official launch of the Forma Digital e-commerce platform! This project is one of our team's most challenging works to date.",
|
||||
"section1Title": "Project Background",
|
||||
"section1Content": "Forma Digital is an e-commerce brand focusing on premium home goods. They needed a platform that could perfectly showcase product quality while delivering a smooth shopping experience.",
|
||||
"quote": "The ArcticNewOne team not only understood our needs but exceeded our expectations. After the new platform launched, our conversion rate increased by 45%.",
|
||||
"section2Title": "Technical Highlights",
|
||||
"section2Content": "We used React + Next.js for server-side rendering and static generation. Through lazy loading, code splitting, and CDN acceleration, we reduced first load time from 4.5s to 1.2s.",
|
||||
"section3Title": "Results",
|
||||
"section3Content": "After launch, user停留 time increased by 60%, bounce rate decreased by 35%, and conversion rate improved by 45%."
|
||||
},
|
||||
"studio-expansion": {
|
||||
"content": "With continued business growth and increasing client demand, we're excited to announce the official expansion of ArcticNewOne Studio!",
|
||||
"section1Title": "Team Growth",
|
||||
"section1Content": "We're adding 5 senior designers and 3 senior developers covering frontend, backend, UI/UX, and more. All new members have extensive industry experience.",
|
||||
"quote": "Talent is our most valuable asset. By expanding our team, we can take on more projects while maintaining consistent high-quality delivery.",
|
||||
"section2Title": "Service Upgrade",
|
||||
"section2Content": "In addition to existing services, we're adding data visualization, AI application development, AR/VR experience design, and other cutting-edge services.",
|
||||
"section3Title": "Looking Ahead",
|
||||
"section3Content": "We plan to complete 50+ projects and serve 30+ new clients in the coming year while continuing to explore new possibilities."
|
||||
},
|
||||
"ux-research-methods": {
|
||||
"content": "UX research is the foundation of design decisions. In 2026, as technology evolves and user behaviors change, UX research methods continue to advance.",
|
||||
"section1Title": "Remote User Testing",
|
||||
"section1Content": "Remote user testing has become mainstream. Through professional platforms, we can recruit test users globally and gather broader feedback in less time.",
|
||||
"quote": "Remote testing not only reduces costs but more importantly lets us access more authentic user scenarios.",
|
||||
"section2Title": "Behavioral Data Analysis",
|
||||
"section2Content": "Through heatmaps, scroll depth, click streams, and other behavioral data, we can objectively understand how users interact with products.",
|
||||
"section3Title": "AI-Assisted Analysis",
|
||||
"section3Content": "AI tools help us analyze user feedback more efficiently. Sentiment analysis, topic clustering, and trend prediction help extract valuable insights from massive data."
|
||||
},
|
||||
"bold-moves-case-study": {
|
||||
"content": "Bold Moves is an interactive website showcasing innovative architectural designs. This article provides an in-depth look at the design思路, technical implementation, and final results.",
|
||||
"section1Title": "Design Philosophy",
|
||||
"section1Content": "Bold Moves wanted to showcase architectural beauty digitally. We decided to use 3D visualization to let users appreciate architectural details from any angle.",
|
||||
"quote": "We didn't just want a showcase website — we wanted a digital space where users could 'walk into' the architecture.",
|
||||
"section2Title": "Technical Challenges",
|
||||
"section2Content": "High-quality 3D rendering requires significant computing power, but web performance is limited. We achieved smooth interactions through model optimization, LOD techniques, and WebGL rendering.",
|
||||
"section3Title": "Final Results",
|
||||
"section3Content": "The project received widespread acclaim and won multiple design awards. Average user停留 time exceeded 5 minutes, well above industry average."
|
||||
},
|
||||
"new-tools-integration": {
|
||||
"content": "To better serve our clients, we continuously expand and improve our toolbox. Recently, we've added several practical tools covering design, development, collaboration, and more.",
|
||||
"section1Title": "Design Tool Upgrades",
|
||||
"section1Content": "We've引入 the latest design collaboration platform supporting real-time multi-person editing, version management, and design system integration.",
|
||||
"quote": "Good tools significantly boost team efficiency. The right toolchain is key to delivering quality work.",
|
||||
"section2Title": "Development Tool Enhancements",
|
||||
"section2Content": "Added automated testing frameworks, performance monitoring tools, and code quality checks to help identify and resolve issues during development.",
|
||||
"section3Title": "Collaboration Tool Optimization",
|
||||
"section3Content": "We upgraded our project management platform with new Kanban views, time tracking, and resource allocation features for better project oversight."
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"auth": {
|
||||
|
||||
Reference in New Issue
Block a user