Office 365 app concept

When Microsoft launched Office for Android around the same time Google introduced Material Design, it created an exciting design opportunity. I set out to combine the best of both worlds: redesigning Office for mobile with Material Design principles for a natural, native Android experience. The main challenge was ensuring a seamless, cohesive experience across multiple point applications—PowerPoint, Word, and Excel—while preserving the familiarity and power of the desktop suite.

How might we reimagine Microsoft Office on Android using Material Design without losing the power of the desktop suite?

I began by studying the existing Android application to uncover friction points and functional gaps. Being an active Android user myself, several usability bottlenecks were immediately evident. I also benchmarked competitor apps like Polaris Office and Google Slides before rethinking the complete experience for the central Office hub and a key point application: PowerPoint.

Analysis of Analysis

Auditing competitor applications alongside Office across mobile and desktop highlighted key usability pain points. Basic formatting options were missing in the Android version, the multi-tab navigation for file locations confused users, and core presentation capabilities like slide transitions were absent from the Android app for PowerPoint.

Existing Office Android interface showing PowerPoint slide sorter, document hub, and Excel spreadsheet — **Existing Office Android App:** Fragmented interfaces across PowerPoint, file lists, and Excel prior to redesign.

Whiteboard analysis with competitor app teardowns, user pain point notes, and mobile wireframes — **Feature & Competitor Teardown:** Whiteboard mapping comparing mobile office suites, missing formatting features, and navigation pain points.

Think, Sketch, Optimize, Repeat

I conducted user interviews to identify the real-world scenarios where people open Office or PowerPoint on mobile devices. Rather than replicating the full desktop software, the redesign focuses strictly on primary mobile needs: quick document reviews, light edits, and on-the-go presentations. A key finding was that users wanted visual document previews and thumbnails rather than plain text lists.

Notebook sketches exploring mobile document grid layouts and gesture interactions — **Initial Wireframes:** Notebook sketching exploring document thumbnail grids, navigation drawers, and quick action buttons.

Detailed wireframe sketches for PowerPoint mobile interface and slide editor — **PowerPoint Mobile Ideation:** Layout sketches testing landscape mode, side editing panels, and touch-friendly controls.

Interaction flow diagram mapping user paths between Office hub, PowerPoint, Word, and Excel — **Interaction Architecture:** User flow v1.2 detailing unified navigation between the central Office hub and individual point apps.

Material Color Palette: Harmonizing original Office brand colors into accessible, balanced Material Design tones.

New to Office?

For first-time users, I designed a zero-data onboarding state that provides an immediate walkthrough and guides the user toward creating their first file with the Floating Action Button (FAB). For returning users, I explored how best to present documents in a glanceable grid.

First-time user onboarding screen with friendly illustration and FAB prompt — **First-Time Onboarding:** Zero-state screen introducing the app and prompting new file creation with the Floating Action Button.

Comparison between Option 1 dog-eared paper cards and Option 2 flat grid cards — **Document Grid Exploration:** Evaluating tactile dog-eared paper cards (Option 1) against flat Material cards (Option 2).

Realistic File Stack & Cloud Sharing

Office is all about documents. After several sketching iterations, I felt the best way to convey this was to design the new document screen to look like a realistic stack of physical files, adhering to Material elevation principles. To reflect the partnership between Microsoft and Dropbox, the sidebar aggregates cloud storage from OneDrive, Dropbox, and SharePoint into one unified access point.

Office mobile screens showing list view, 3D file creation stack, and navigation drawer — **Core Office Hub:** List view with file locations, tactile 3D file creation stack, and account navigation drawer.

PowerPoint Deep Dive

Here, I focused on one point application—PowerPoint. It had complex user scenarios that I addressed using simple mobile interactions, establishing patterns that other point applications could follow. The editing interface is optimized for landscape orientation with a sticky left toolbar and hidden system bars for a clean canvas, supported by dedicated touch controls for live presentations.

PowerPoint mobile landing screen in landscape orientation with sticky menu — **Landscape Editing Canvas:** Maximized slide workspace with a sticky left toolbar and hidden system bars.

PowerPoint detailed interfaces showing formatting inspector, slide layout selector, and all slides overview — **Editing Controls & Overview:** Object properties inspector, layout picker, and slide sorter grid.

Fullscreen presentation mode, touch gesture reference, and presenter view with timer and speaker notes — **Presentation & Presenter View:** Fullscreen display with touch navigation gestures and dual-pane presenter monitor with notes and timer.