CLOSE
Back To Top

ENTERPRISE · INTERNAL TOOLS

Designing DevFlow for Apple’s internal collaboration platform

I led the end-to-end design of DevFlow — a new feature that enabled employees to ask, answer, discover and manage questions within Apple’s internal collaboration platform.

Apple
Sole Product Designer
End-to-end product design
Questions feed

MY ROLE

Sole design ownership, end to end.

I was the sole product designer on DevFlow, leading the feature from initial requirements and user research through information architecture, interaction design, prototyping, testing and final UI.

I worked closely with the Product Manager, users and wider stakeholders throughout the process, while owning the product design direction and execution.

01User Research
02Information Architecture
03UX & Interaction Design
04Prototyping & Testing
05UI Design
06Roles & Permissions

THE CHALLENGE

Replacing an established behaviour inside a complex product.

DevFlow needed to replace an established way of sharing knowledge while becoming part of a much larger collaboration ecosystem.

Users coming from Stack Overflow already understood core behaviours, but the experience needed to feel native to Apple’s internal platform and support different levels of participation and responsibility.

?How do people find existing knowledge before creating something new?
?How do we make asking and answering questions intuitive within the existing product?
?How does the experience adapt as permissions and responsibilities increase?

One feature. Multiple ways of participating.

01DiscoverFind existing knowledge

02AskCreate a useful question

03AnswerShare knowledge

04EngageFollow and contribute

05ModerateMaintain quality

06ManageConfigure and oversee

PRODUCT ARCHITECTURE

Mapping the journeys before designing the screens.

I mapped the primary asker, answerer and explorer journeys to make the relationships between discovery, contribution and knowledge management explicit before moving into UI.

User journey map

CORE PRODUCT EXPERIENCE

Designing the question lifecycle.

The core experience supports discovery, asking, duplicate prevention, detailed answers, topic browsing and contribution.

01

DevFlow feed

Search, filters, voting, answer counts, contributors and topic discovery in one place.

Questions feed

02

Find before asking

Related questions surface while users type, reducing duplication and directing people to existing knowledge.

Related questions shown while asking

03

Compose a question

A structured flow for title, context, code, topics and submission.

Ask a question form

04

DevFlow detail & answers

Rich question context, code, voting, accepted answers and a clear path to contribute.

Question detail and answers

05

Topics discovery

Topic cards help people browse knowledge by subject, activity and relevance.

Topics browse

06

Richer topic exploration

Activity, volume and freshness give users more context before entering a topic.

Topics page with activity cards

SYSTEM IN PRACTICE

Designing beyond the happy path.

I explored different information densities, specialist workflows and supporting touchpoints to make the system work beyond the primary feed.

07

Code-heavy question detail

An alternative detail treatment for technical questions with large code blocks.

Code focused question detail

08

Long-form readability

Exploring hierarchy and separation when questions attract multiple substantial answers.

Long form question detail

09

Answer review email

Extending the workflow beyond the product and bringing users back into the right context.

Answer review email

10

Draft workspace

A more guided composition model separating question, answer, topics, code and settings.

Draft workspace

11

Topics management

A table-based admin view for managing topic content, status and actions.

Topics admin table

12

Onboarding

A lightweight introduction to search-first behaviour, saved content and topic following.

Questions onboarding modal

DESIGN SYSTEM

Building consistency into the product.

The feature was supported by a structured visual system covering colour, semantics, typography, spacing, radius, elevation and accessibility.

01

Color tokens

Design system color tokens

02

Semantic colors

Design system semantic colors

03

Typography

Design system typography

04

Spacing & radius

Design system spacing and radius

05

Elevation

Design system elevation

06

Accessibility

Design system accessibility

THE OUTCOME

A scalable framework for internal knowledge sharing.

The final design translated familiar question-and-answer behaviours into an experience designed around Apple’s wider collaboration platform, supporting everyday users as well as more advanced moderation and management needs.

The completed work covered the feature architecture, user journeys, core product flows supporting touchpoints, detailed interface design, interactive prototypes and a structured design system.