Publication
Building a Mental Health App for Families: A UI Design Case Study
https://www.toptal.com/designers/mobile/mental-health-app-design-for-families
Fellype is available for hire
Hire FellypeFellype Silva
Verified Expert in Design
Designer
Brasília - Federal District, Brazil
Toptal member since July 6, 2020
Bio
Fellype is a product designer with 12 years of experience in digital products. He specializes in user interfaces and balances user needs with business goals. He works end-to-end, from quick sketches to high-fidelity prototypes. Fellype partners closely with product and engineering using modern design and collaboration tools, and his prototypes have helped launch several startups, some of which secured meaningful investments.
Experience
- UI Design - 10 years
- Visual Design - 10 years
- Wireframing - 6 years
- Product Design - 6 years
- User Experience (UX) - 6 years
- Component Libraries - 3 years
- User Research - 2 years
- Figma - 2 years
Portfolio
Work Experience
Product Designer
2023 - 2023
Apex Dental Partners, LLC
- Implemented new features such as tab grouping, integrated chat, VOIP, and to-do lists, elevating the product to a multitasking powerhouse.
- Designed a highly customizable interface, allowing users to tailor their workspace.
- Spearheaded the interaction design, utilizing animations to showcase the fluidity and intuitiveness of the desktop app user experience.
- Created a cohesive component library, setting a design standard for the desktop app.
Technologies: Figma, Software, Animated Interactions, Interaction Design (IxD), Web, Web App Design, Software as a Service (SaaS), Product Design, Stakeholder Interviews, User Journeys, UX Wireframes, Layout Design, Design Systems, Professional Services
Product Designer
2021 - 2022
Alive Ventures, Inc
- Collaborated in all discovery and research processes to help entrepreneurs in their mission to create products aimed at an older adult audience.
- Designed user flows and wireframes for a mentoring site for a social network website. I also developed it with Webflow.
- Designed a habit-building app to improve older adults' night's sleep. Also designed its website and developed it with Webflow.
- Designed and developed a website that organizes neighborhood meetings based on shared interests.
- Designed a fitness class website for older adults. Also developed it with Webflow.
- Wireframed a streaming service for older content creators.
- Wireframed a redesign of a date ideas website for couples.
- Designed and developed additional pages in Webflow for the venture studio website.
Technologies: Product Design, Prototyping, Wireframing, Webflow, Figma, User Interface (UI), Responsive Web Design (RWD), User Experience (UX), UX Design, Web Design, UI Design, Stakeholder Interviews, UX Wireframes, Rapid Prototyping, Research
Product Designer
2021 - 2021
Quest Mindshare
- Designed a survey and resource-sharing community for technology professionals.
- Performed desk research and competitive analysis; talked with the stakeholders and market research professionals to understand everything.
- Collaborated on user flow development with stakeholders.
- Designed low-fidelity wireframes, evolving them into high-fidelity versions using Figma, alongside a dynamic component library and style guide.
- Developed custom dashboard icons and ensured responsiveness across different resolutions.
Technologies: Figma, Stakeholder Interviews, UX Wireframes, Rapid Prototyping, Research
Product Designer
2021 - 2021
SparkAI
- Designed a dashboard for customers to view the progressions of their AI blockers being solved.
- Observed the operators' work, talked to them and designed solutions aligned with their needs.
- Created high-fidelity prototypes for the operator interface and also designed the company website.
- Tested the prototype with users and collected feedback; based on that, I improved the quality of the prototype.
- Made animations in Adobe After Effects and Figma to demonstrate the possibilities of interactions and behaviors of some components.
- Did the handoff of the components and animations to the front-end developers.
Technologies: Figma, Adobe After Effects, Stakeholder Interviews, UX Wireframes, Rapid Prototyping, Research
Product Designer
2021 - 2021
Little Otter
- Improved the app onboarding experience by reducing the friction of long questionnaires.
- Remade the visual elements of the product, suggesting a fun experience without removing the seriousness of the mental health theme.
- Built a library of components in Figma, centralizing all the elements in an organized way.
- Designed a more suitable experience for mobile devices, featuring simpler and more intuitive navigation.
- Created interactive and fun graphs, a sentiment thermometer, and a mood selector.
- Designed a navigable and animated prototype, using Figma, that was used in an investment pitch that won new investors.
Technologies: Figma, Visual Design, User Experience (UX), Stakeholder Interviews, UX Wireframes, Rapid Prototyping, Research
Product Designer
2020 - 2020
Zumplings
- Designed a web app to help small merchants plan, deliver, and track deliveries.
- Created user flows and designed low-fidelity prototypes based on research data provided by the client.
- Designed high-fidelity prototypes and a component library on Figma.
- Collaborated on the front-end development of components using React.
Technologies: CSS, HTML, React, Figma, Visual Design
Product Designer
2020 - 2020
MeetEdgar
- Redesigned the MeetEdgar product in Figma based on design inspiration from MeetEdgar's product director.
- Suggested a new navigation system for the product, simplifying the elements and giving more space for the users.
- Designed a new filtering structure for MeetEdgar social content.
- Designed a component library, centralizing all components in an organized way for both mobile and desktop versions.
Technologies: Figma, Visual Design, User Experience (UX), UX Wireframes, Rapid Prototyping
Product Designer
2019 - 2020
Marcott Studios
- Designed and prototyped Retoolz, a product for a US startup specializing in real estate marketing.
- Built a solution that improved a recurring job in the photography industry and won the first round of investments for the startup.
- Collaborated with stakeholders to expand the product, added several new features, and created a design system in parallel.
- Co-developed the front end of the first MVP, creating all the screens in HTML and CSS.
Technologies: Adobe Illustrator, Figma, Visual Design, User Experience (UX)
UI and Brand Identity Designer
2019 - 2019
INEDS
- Built the visual identity of a health surveillance company, producing everything from the logo to the brand manual.
- Researched and developed a competitive analysis to gather necessary information for building health surveillance courses and a health surveillance services website.
- Designed and prototyped the company's website using Adobe XD.
Technologies: Adobe Photoshop, Adobe Illustrator, Adobe Experience Design (XD), Visual Design
UI/UX Designer and Developer
2016 - 2017
Reclame Aqui
- Researched and designed OMediador for Reclame Aqui (Brazil's largest consumer communication company). The prototype won over the members of Reclame Aqui, who bought the product.
- Designed numerous ideas for both mobile and desktop versions of the system.
- Guided front-end developers in defining the best visual libraries to be used.
- Co-developed the system screens using HTML, CSS (SCSS), and JavaScript (Angular).
- Designed an online mediation system with chat and integration of files and contracts.
Technologies: Adobe Photoshop, InVision, Visual Design, User Experience (UX), Rapid Prototyping, Research
UI/UX Designer and Developer
2014 - 2016
Labhacker of the Chamber of Deputies
- Designed web apps aimed at increasing political transparency and popular participation in the legislative process.
- Conducted user research and usability tests with different people of different ages.
- Participated in building a project that was selected to be developed at The Ibero-American General Secretariat's (SEGIB's) first Citizen Innovation Laboratory in Veracruz, Mexico.
- Developed the front end of most of the apps I designed.
Technologies: CSS, JavaScript, HTML, Adobe Photoshop, User Experience (UX), User Research, Rapid Prototyping, Research
UI Designer and Developer
2014 - 2014
Reborn
- Designed and co-developed the SICOOB bank's intranet app. SICOOB is the largest credit cooperative system in Brazil.
- Created all design elements for Pinmypet, a pet monitoring app that uses GPS.
- Participated in building and consolidating the Pinmypet brand with various marketing and design services.
Technologies: JavaScript, CSS, HTML, Adobe Photoshop, Rapid Prototyping
Other Experience
Education
2019 - 2020
Technologist's Degree in Analysis and Systems Development
Universidade Paulista - Brasília, Brazil
2011 - 2013
Bachelor's Degree in Software Engineering
Universidade de Brasília - Brasília, Brazil
Certifications
JANUARY 2020 - PRESENT
UX Course for Web Designers
UX Academy
Skills
Tools
Adobe Experience Design (XD), Adobe Photoshop, Adobe, Adobe Illustrator, Adobe After Effects, Cinema 4D, Miro, InVision, AI Tools
Platforms
Figma, WordPress, Mobile, Android, iOS, Web, Webflow
Languages
JavaScript, HTML, CSS
Industry Expertise
Real Estate, Professional Services, Health, Healthcare, Sports, Psychology & Mental Health
Other
Responsive Design, Web App Design, Web Design, Web App UI, Web App UX, Prototyping, Visual Design, Design, User Interface (UI), User Experience (UX), Mobile App Design, Mobile UX, Usability, Software as a Service (SaaS), Component Libraries, Dashboard Design, Web UI Design, Mobile UI Design, Mobile Apps, Responsive Web Apps, Responsive Web Design (RWD), Web Applications, Product Strategy, UX Wireframes, App Design, Rapid Prototyping, UI Design, Wireframing, UX Research, Design Systems, Motion & Animation Design, Information Architecture (IA), User Flows, Heuristic Analysis, Usability Testing, Paper Prototyping, User Interviews, Microinteractions, UI Motion, Mobile UI, Notion, Product Design, SaaS Design, User Journeys, UX Strategy, UX Design, SaaS, B2B, B2C, Interaction Design (IxD), Web UX Design, Graphic Design, Typography, Android UI Design, Landing Page Design, Mobile UX Design, Interactive UX, Strategic Planning, User Onboarding, Material Design, Enterprise SaaS, Android Design Guidelines, Stakeholder Interviews, Research, Vue, Design Thinking, Personas, Jobs to be Done (JTBD), Branding, 3D Design, Unity, Web UX, High-fidelity Prototypes, House Photography, Image Retouching, Dashboards, Web Dashboards, Clean Design, UI Style Guides, Low-fidelity Prototypes, Community, Ratings, Repository Management, Mobile Design, Web UI, User Profiles, School, Websites, Booking, Colleges & Universities, Resource Management, Booking Systems, Calendar Design, Login Screens, App UI, Dark Design, Dark UIs, Newsfeeds, Soccer, Animated Interactions, Social Media Posting, Social, Posts, Social Media, Instagram, Facebook, Navigation, Categories, Calendars, Scheduling, Styled-components, Style Guides, User Research, Delivery, Online Delivery, Delivery Routes, Tracking, Packing Slips, Optimal Routing, GPS, Mobile GPS, Component-based Development, React, System Development, Software Development, Childcare, Artificial Intelligence (AI), Picture Editors, Marketplaces, Light UI, Surveys, Survey Design, Surveying, Iconography, Feature Icons, Low-fidelity Mockups, High-fidelity Mockups, Software Design, User Journey Maps, Digital Filters, Software, Layout Design
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring