Notes on Side Hustle App PDF

**[Learning Figma]** **[General Thoughts]** 1. Where to get icons for the calendar/create icons? 2. No dark theme 3. There are a lot of available UI/UX kits available a. Dribble.com b. Htmlburger.com c. Envato d. Uistore e. f. **[AI Tools to Speed Up The...

**[Learning Figma]** **[General Thoughts]** 1. Where to get icons for the calendar/create icons? 2. No dark theme 3. There are a lot of available UI/UX kits available a. Dribble.com b. Htmlburger.com c. Envato d. Uistore e. f. **[AI Tools to Speed Up The Process]** 1. Relume 2. Chatgpt \*\*\*\*Are we a productivity app or a tracker app? \*\*\*Leaderboards are not typical in productivity/calendar apps but are popular in fitness and habit-tracking apps where peer motivation is a key engagement driver. Daily inspiration/achievement tracking to keep them motivated. \*\*\*technically looks like we are mainly a productivity app  \*\*\*Let's share the individual user, they'll get an icon. We will share the user & the category of the side hustle. \[maybe have a monthly leaderboard for how much \$ they made this month\] Icons could represent "marketing", "Content Creation", "Product Research" & "Customer Engagement". Each icon would correspond to a category of tasks & users could tap to indicate what they focused on. The visual icon selection interface used in **DailyBean** could indeed be a compelling addition to your **Daily Hustle** app. This approach offers an engaging, quick way for users to log their activities or moods without requiring text input, which makes it easy and visually appealing. Here's how you could incorporate a similar interface, tailored to the goals of a side hustle productivity app: 1. **Potential Use Cases for an Icon-Based Interface in Daily Hustle:** 1. **Daily Progress Logging**: - Instead of logging moods, you could allow users to log **side hustle activities** they worked on that day. For example, icons could represent tasks like "Marketing," "Content Creation," "Product Research," and "Customer Engagement." - Each icon would correspond to a category of tasks, and users could tap to indicate what they focused on. This would help them visualize which areas of their hustle they're investing time in, adding a quick, visual way to track progress. 2. **Achievement and Motivation Tracking**: - Similar to selecting emotions, users could select icons that reflect **daily achievements or progress milestones**. Examples could include "Completed Task," "Reached Milestone," or "Networked" to reflect different types of productive activities. - This system could encourage users to build streaks in specific categories, showing a balanced or well-rounded approach to their hustle efforts. 3. **Daily Challenges and Focus Areas**: - At the start of each day, users could select icons representing **focus areas** for that day (e.g., "Marketing Push," "Product Development," "Financial Planning"). This allows users to set a daily intention quickly and visually, which they can reflect on at the end of the day to see if they met their objective. - At the end of the day, they could log what they actually worked on, enabling them to compare intentions with results, promoting self-awareness and accountability. 2. **Benefits of Using Icons:** - **Quick and Intuitive**: Tapping icons is much faster than typing, making it easier for users to log their activities consistently, which is critical for habit-building and daily use. - **Visual Feedback**: Icons provide instant, visual feedback, helping users see patterns in their activities. For example, they might realize they're spending more time on "Networking" than on "Content Creation," prompting them to adjust their focus. - **Engaging and Fun**: An icon-based interface is more playful and engaging, which can increase user retention. It also makes the app feel less like work and more like a personal journal, even if it's focused on productivity. 3. **Suggested Categories of Icons for Daily Hustle:** - **Task/Action Icons**: Icons representing tasks like "Writing," "Designing," "Coding," "Marketing," "Researching," and "Selling." - **Achievement Icons**: Icons for actions like "Completed Task," "Reached Milestone," "Made a Sale," "Gained a Follower," or "Connected with a Mentor." - **Motivation and Wellness Icons**: Since maintaining a side hustle can be challenging, you could include icons like "Feeling Motivated," "Low Energy," "Productive Day," or "Need Rest" to help users track how they feel about their hustle over time. 4. **Example User Flow:** 1. **Start of Day**: The user selects icons for their planned focus areas, setting intentions for the day. 2. **End of Day**: The user logs completed activities by selecting corresponding icons, along with an optional note for further context. 3. **Progress Visualization**: The app can display which icons were selected most frequently over time, helping users visualize which activities they consistently engage with or neglect. By incorporating an icon-based system similar to DailyBean's, you can add a layer of visual interaction that enhances user engagement and makes daily tracking less tedious. This approach aligns well with the **side hustle focus** of the Daily Hustle app by promoting accountability, highlighting daily achievements, and making it easy for users to stay motivated in a fun and interactive way. ***We should go ahead and start hitting up influencers as soon as we have the UI/UX design done to see their thoughts.*** You\'re right; the diversity of side hustles could make it challenging to cover all possible activities with a limited set of icons. To address this, we can approach the icon system in a way that provides both general icons for common tasks and customization options to allow users to personalize the experience based on their specific hustle. Here's a breakdown of how to handle it: 1\. Core Activity Icons for Common Tasks Create a set of universal icons for tasks that are relevant to most side hustles, such as: Marketing/Promotion: Social media, advertising, or gaining followers. Communication: Customer support, networking, or interacting with clients. Content Creation: Writing, filming, designing, or creating products. Sales and Transactions: Making sales, handling orders, and processing payments. Logistics: Research, planning, and organizing. Analytics: Reviewing stats, measuring progress, and tracking goals. These icons can cover general actions, like Writing, Networking, Delivering Service, Planning, Product Research, etc. They can be used across multiple hustles, from freelancing and social media influencing to real estate and flipping. 2\. Category-Specific Icon Sets For more specialized activities, create icon sets based on hustle categories. When a user sets up their side hustle, they could select a category that customizes the available icons. For example: Pet Care/Dog Walking: Icons like "Walking," "Pet Care," "Training," and "Feeding." Fitness/Personal Training: Icons such as "Workout Session," "Client Training," "Meal Planning," and "Scheduling." E-commerce/Dropshipping: Icons for "Product Sourcing," "Customer Service," "Shipping," and "Inventory." Gig Work (Uber/Delivery): Icons like "Driving," "Delivery," "Client Interaction," and "Route Planning." This customization can be done during the onboarding or setup process, where the user selects their hustle type, and the app tailors the icon options to fit. 3\. Customizable or Editable Icons Allow users to add or label icons specific to their hustle needs: For example, if a user runs a flipping business, they could create custom tags for "Sourcing Products," "Listing Items," and "Shipping." You could also include an icon library with an option to add a label or select a relevant icon, providing flexibility and allowing users to define their tasks more precisely. Alternatively, you could implement a text label option for icons, where users choose a generic icon and assign it a custom label (e.g., "Delivery" or "Workout" depending on their needs). This allows for personalization without needing an icon for every possible task. 4\. Tagging System with Multi-Select Options Instead of specific icons for every task, you could introduce a tagging system alongside the icons. Users can choose general icons and then apply tags to further specify the activity. For instance, a personal trainer could select the Training icon and then add tags like "Strength Training" or "Yoga." A dropshipper could select Sales and add tags such as "Product Research" or "Customer Service." Tags could be added or removed based on the specific day's activities, providing flexibility without overwhelming the app with too many icons. 5\. Frequent/Recent Activity Icons To make it even more user-friendly, include a Frequent or Recent Icons section that automatically displays the icons most frequently used by the user. This makes it easier for users to log recurring tasks and saves time by presenting their commonly used icons at the top. 6\. Interactive Icon Suggestions Based on Daily Goal Allow users to set a daily goal or focus area when they open the app, and show recommended icons based on that goal. If the goal is "Promote my business," the app could prioritize icons related to marketing and social media. If the goal is "Create content," the app can prioritize icons like Writing, Filming, and Editing. This keeps the interface simple while still offering tailored suggestions based on the user's focus for the day. Implementing the Icon System The best way to incorporate this could be to start with a base set of universal icons and then offer additional icon packs depending on the user\'s selected side hustle category. Users could also have an option to customize or add labels to each icon, keeping the interface clean and reducing the need for an exhaustive icon library. By providing some degree of flexibility and personalization, the Daily Hustle app can cater to a wide range of side hustles without becoming overly complex or cluttered. This approach would allow users to log activities in a way that feels relevant to their specific side hustle while maintaining the ease and visual appeal of an icon-based interface. ***Include an icon library*** - ***Use font awesome*** - ***Heroicons*** - ***Bootstrap Icons*** - ***Material Icons*** - ***The noun project*** - ***Flaticon*** - ***Icons8*** - ***Streamline icons*** - ***SVGRepo*** - ***Figma*** - ***Inkspace*** - ***Boxy SVG*** - ***CSS Styling*** - ***JavaScript Libraries -- SVG.js, Raphael.js***