My Role

UI/UX Designer

Timeline

10-12 Nov 2025 (48 hours challenge)

Team

Solo Designer

Sector

Software Services

Capstone project for

PyroMedia (Hiring Assignment)

Challenge

As part of a UI/UX design challenge, I was tasked with designing a mobile analytics app for social media creators aged 18–30. The challenge required creating a modern, minimal, and easy-to-read interface that helps creators track content performance and audience insights effectively.

Key requirements included defining a complete onboarding flow, a data-driven home dashboard, detailed audience insights, content performance views, and individual post analytics.

The scope also involved delivering low-fidelity wireframes, high-fidelity UI screens, and a clickable prototype, while ensuring the experience remained intuitive, scalable, and suitable for frequent daily use by creators.

Solution

To address the challenge, I began by creating a detailed persona to understand the creator’s goals, frustrations, and daily context, which helped ground all design decisions in real user needs. Based on these insights, I structured the app around quick, visual understanding rather than raw analytics, prioritizing clarity, scannability, and mobile-first interaction. I translated complex performance data into simplified dashboards, cards, and charts that highlight trends, growth, and top-performing content at a glance.

The information architecture was designed to move from high-level insights to deeper drill-downs, allowing creators to explore performance without feeling overwhelmed. Throughout the process, I focused on reducing cognitive load, maintaining a modern minimal aesthetic, and ensuring that every screen provides actionable value aligned with the persona’s expectations and usage patterns.

Design Reasoning

This design reasoning document outlines the thinking and decisions behind the Creator Analytics mobile app, from understanding the target user to defining the visual and interaction foundations of the product.

It walks through the persona used to guide the experience, the design system and principles that shaped consistency, and the visual language including color, typography, spacing, and components.

The document also covers the user flow and interaction structure, explaining how insights are progressively revealed across the app. Each section below breaks down these choices in detail, offering a clear view into the rationale behind the design and how it aligns with the needs of young content creators.

Wireframes

The wireframes were created to establish the foundational structure, information hierarchy, and overall user flow of the app before moving into visual design. At this stage, the primary focus was on usability, clarity, and content prioritization rather than visual styling, ensuring that key analytics, actions, and navigation patterns felt intuitive and easy to scan.

Each screen was intentionally laid out to minimize cognitive load by surfacing the most important metrics first and organizing secondary information in a logical, progressive manner. The wireframes also played a critical role in validating screen sequencing, data grouping, and interaction patterns across the app, helping identify gaps and redundancies early. This process allowed core assumptions to be tested and refined, creating a strong foundation for high-fidelity UI without rework or visual bias.

High Fidelity Designs

The high-fidelity designs translate the validated wireframes into a polished, production-ready interface while maintaining a strong focus on clarity and usability. At this stage, visual hierarchy, color, typography, spacing, and component styling were applied to guide attention toward key insights and actions.

The UI follows a modern, minimal aesthetic to ensure analytics remain easy to read and not visually overwhelming, especially during frequent use. Consistent components, spacing rules, and typography scales were used to create rhythm and predictability across screens.

The final designs aim to make complex performance data feel approachable and engaging, aligning the visual language with the expectations of young, digitally native content creators.

Takeaways

This challenge served as a strong test of my product thinking, decision-making, and ability to work efficiently under time constraints.

It required balancing depth with speed, understanding the problem, structuring the experience, and translating insights into a coherent design within a limited timeframe.

More importantly, it reinforced that strong fundamentals, adaptability, and the ability to learn and apply concepts quickly often matter more than years of experience.

Working through this challenge played a key role in me getting hired at PyroMedia, highlighting how practical skills, clear thinking, and execution in a fast-paced environment can create real opportunities.

Create a free website with Framer, the website builder loved by startups, designers and agencies.