Noise Wearables 6 Projects 4 Months
Noise is a young, tech-driven brand that offers technology accessories to Indian consumers. Noise is an Indian aspirational connected lifestyle brand that is changing how India remains connected.
OVERVIEW
01
Overview
This process shares my initial 4-months as the sole Design Lead at a Noise at an early stage startup for a growing wearable brand. It details how I juggled multiple projects in a new industry, developed processes, and applied technical UI skills to tackle real-world challenges.
Structure
Positioning
Content
Graphics
Animation
Processes
My Role
After working at a Tech focused company for 3 years, I joined Noise as their first Design Lead, collaborating closely with 3 mid-level designers, engineers, content strategist, marketing strategists and stakeholders to develop the wearable products for an emerging startup.
Over the course of 4 months I redesigned the version 2.0 of their bestselling and upcoming products in different categories, working on the new features in parallel as well as making continuous iterations throughout the whole time.
Some other projects I took care of were: optimizing the mobile funnel, creating a off-line marketing theme, designing packaging, and design image cards for E-commerce platform.
This role wasn't just about bringing my existing skills to the table; it was about diving headfirst into a new categories and making a meaningful impact in a short period.
Uncharted Category
KEY CHALLENGES
02
Challenge
As the Design Lead for the, I found myself simultaneously working on multiple projects and areas:
Page Structure
Positioning
Content Strategy
Graphics/Visuals
Animations
Each project had its own challenges, stakeholders, and tight deadlines. The pressure was on to deliver top-notch work across the board while getting up to speed with the ins and outs of the commercial hardware product company.
Solution
Realising I needed a game plan to stay sane and productive, I turned to the 70-20-10 Rule to prioritise my efforts:
70% on the highest priority (Product page guidelines and positioning and content)
20% on the second priority (Graphics and Visuals)
10% on the third priority (Animations)
This wasn't a rigid rule but gave me a solid framework to manage my time and energy effectively and collaborate effectively with designers. developers and stake holders.
70%
20%
10%
The 70-20-10 Rule
Breakdown
I organised my days around 'deep work' sessions. While surprises did pop up, I made sure to reserve at least two blocks for high-priority tasks. The rest of the day was more flexible, adapting to what each project threw at me.
Deep work on high-priority tasks: Understanding the positioning of the product with stakeholders first and UX writers and creating product page layout.
Work on second priority: Discussing the graphics and visuals with designers.
Tertiary tasks: Looking and getting inspired by market trends for the animations and implementing them if there are resources and time.
Reality
No week ever went exactly as planned. Here's how I handled the curveballs:
Urgent Requests: I built in a buffer for any urgent issues. If something couldn't wait, it got slotted in here.
Shifting Priorities: If a project needed more attention, I'd adjust my 70-20-10 split and keep stakeholders in the loop.
Energy Levels: I'd tackle high-energy tasks (like creative design work) when I was at my peak and saved less demanding tasks for when I needed a breather.
This system wasn't perfect, but it helped me keep all the plates spinning without losing focus. Flexibility within a structured framework was key.
STRATEGY
03
I zeroed in on the small yet impactful aspects of the enhance the process by working effective with stakeholders in respective areas to ensure effective data visualisation. These tweaks might seem minor, but they significantly enhance the performance and speed by making data clearer and easier to interpret.
01
Positioning of the Product
Before embarking on any project, I initiate a collaborative process with stakeholders from various categories (e.g., audio, wearables). A key aspect of this initial phase involves understanding the product's positioning within the market. Determining whether the product falls into the premium, lifestyle, or basic category provides valuable insights that inform the project timeline and the optimal structure for the product page.
We'll be planning the product's identity and presentation by working with UX writers to create the name and tagline. This planning phase also includes defining key features (with a focus on what makes the product unique) and designing the product page layout.
Now that I have a solid understanding of the product's positioning and all the content, I can begin the layout. Defining the product's structure, category, and position is crucial for determining the timeline and workload. This also directly influences the design: premium products justify the added effort of animations and a premium look, while basic products require a more straightforward approach.
With the layout complete, I move on to crafting the product visuals in Illustrator and Photoshop, establishing the desired look and feel. Aesthetically pleasing visuals are essential for grabbing user attention, so I work closely with a 3D artist to perfect the angles and lighting, ensuring the product is presented in the most compelling way within the established layout.
The final step is collaborating with the developers to translate the design into reality. This involves explaining the design, layout, and animations, and being available to troubleshoot any issues that arise. My support is critical for their efficiency.
STRUCTURE
04
Solving core problems goes beyond design—it starts with effective layout. With a fresh perspective, I identified key process improvements to accelerate the work by setting definitive layouts. The following outlines the standard design process involved in product launches.
Note: Here's an example of comparison of two different product ages and their static layout
Top Image consist of Name and Tagline
LEARNINGS
05
Balancing overarching strategies with UI details is crucial. I applied Jakob’s Law for usability while fine-tuning typography to improve readability.
Strategy Matters
Found ways to drive progress despite limited resources and a fixed scope, like leveraging existing design systems to cut development time.
Progress Within Constraints
Adjusted the 70-20-10 rule as project priorities shifted—for instance, reallocated time when the Charts and Tables Enhancement became urgent.
Stay Flexible
Lesson Learned
MORE PROJECTS
Unify Onboarding
2024
Streamlining the onboarding process to improve customer retention
Lebenslauf by Xing
2022
Process of recreating the flagship product from start to end