Exploring User Interface Design Through 55 Daily UI Concepts
Role: UI/UX Designer
Project Type: Personal UI/UX Design Challenge
Responsibilities: Interface design, visual exploration, interaction design, motion experimentation
Tools: Figma, Adobe XD, Illustrator
Timeline: 2018–2019
Location: Toronto, Ontario
Deliverables: 55 UI design explorations, animated onboarding prototype, motion-based interface interaction
Overview / Context
The Daily UI Challenge is a design exercise that encourages designers to create one interface concept per day based on a specific prompt.
As part of the challenge, I completed 55 Daily UI explorations, designing interfaces across a range of product scenarios including sign-up experiences, settings, dashboards, payment flows, profiles, landing pages, and other digital interactions.
The project served as a structured opportunity to strengthen my UI design process, explore different interface patterns, and develop a more consistent approach to visual hierarchy, layout, typography, and interaction design.
Alongside the static interface explorations, I also developed an animated onboarding prototype and explored motion through an animated On/Off Switch interaction.
Project Goals
The project focused on:
- Building consistency and speed in the UI design process
- Exploring a wide range of interface patterns and product scenarios
- Strengthening visual hierarchy and information architecture
- Experimenting with interaction design and micro-interactions
- Developing a broader understanding of responsive and mobile interface patterns
- Exploring how motion can enhance a digital interaction
The Challenge
Designing 55 interfaces across different prompts required adapting quickly to different user scenarios while maintaining a consistent design process.
The challenge involved:
- Creating a new interface concept for each prompt
- Solving different layout and hierarchy problems quickly
- Balancing visual experimentation with usability
- Exploring both desktop and mobile interface patterns
- Maintaining clarity across different types of digital products
- Translating static interface ideas into motion where appropriate
The project also required developing a workflow that could support rapid ideation, iteration, and visual refinement.
Design Process
Research & Reference
For each prompt, I reviewed existing interface patterns and visual references to understand how similar problems were approached in real-world digital products.
This helped establish a starting point while allowing room for experimentation and personal interpretation.
Sketching & Wireframing
Initial ideas were developed through quick sketches and low-fidelity layouts.
This process helped define:
- Content hierarchy
- User flow
- Navigation
- Primary actions
- Information structure
Visual Design
Once the structure was established, I developed the interfaces through typography, colour, spacing, imagery, and visual systems.
Each challenge provided an opportunity to explore a different visual direction while maintaining a focus on clarity and usability.
Iteration
The designs were refined through repeated adjustments to:
- Layout
- Spacing
- Typography
- Colour
- Visual hierarchy
- Interaction patterns
The rapid nature of the challenge encouraged an iterative workflow and helped improve my ability to make design decisions efficiently.
Areas of Exploration
Across the 55 Daily UI concepts, I explored several areas of interface design, including:
Web & Desktop Interfaces
Explored layouts for web-based experiences, landing pages, dashboards, content pages, and other desktop-oriented interfaces.
Mobile UI
Designed interfaces focused on smaller screens and mobile interaction patterns, including settings and utility-based experiences.
Forms & User Flows
Explored sign-up experiences, login interfaces, payment flows, and other interfaces requiring clear user progression.
Dashboards & Data
Experimented with information hierarchy, data presentation, navigation, and complex content structures.
Marketing & Content Interfaces
Designed promotional pages, press pages, product-focused layouts, and other content-driven experiences.
Motion Exploration
The project also included experimentation with interface motion.
Animated Onboarding Prototype
One of the Daily UI concepts was developed into a more complete animated onboarding experience.
The prototype explored how transitions and animation could help guide users through an onboarding flow while creating a more engaging experience.
On/Off Switch
The On/Off Switch was developed as a motion GIF to explore how animation can communicate a simple state change.
The interaction focused on:
- Visual feedback
- State transitions
- Timing
- Clarity of interaction
This demonstrated how even a small interface element can benefit from thoughtful motion design.
Outcome / Impact
The project strengthened my ability to:
- Rapidly explore and develop interface concepts
- Adapt design approaches to different user scenarios
- Build clear visual hierarchies
- Explore both desktop and mobile interface patterns
- Develop more consistent UI workflows
- Experiment with motion and interaction design
The resulting collection provides a visual record of my development as a UI/UX designer and demonstrates adaptability across a wide range of digital interface challenges.
Reflection
The Daily UI Challenge reinforced the value of consistent creative practice and rapid iteration.
Creating 55 different interface concepts pushed me to approach design problems from different perspectives while developing greater confidence in layout, hierarchy, typography, and interaction design.
The project also demonstrated the value of moving beyond static screens. By developing an animated onboarding prototype and exploring the On/Off Switch as a motion interaction, I began considering how movement, timing, and feedback contribute to the overall user experience.
Ultimately, the project became a foundation for strengthening my UI design process and expanding my approach to digital product design.