I am a UI/UX Designer with a strong passion for creating intuitive and visually appealing user interfaces. With a solid understanding of user-centered design principles and industry trends, I aim to design and implement engaging digital experiences that meet the needs of the targeted audience.
- Design Tools: Figma, Adobe XD, Adobe Photoshop
- User Research: Methodologies, Usability Testing
- User-Centered Design: Processes, Principles
- HTML, CSS, Responsive Design (basic knowledge)
The One Billion Meals Popup is a call to action popup designed to encourage users visiting our 1 Billion Meals page on a mobile device to download our Give a Meal mobile app. The popup provides a visually appealing and user-friendly experience, promopting the user to take action.
Technologies/Tools Used:
- Figma: Utilized for creating interactive prototypes and gathering feedback during the design process.
- Adobe Photoshop: Used for editing and optimizing images used in the popup.
Implementation: The Give a Meal Popup for the One Billion Meals Campaign can experienced by visiting theinnercitymission.ngo/1billionmeals on your mobile device.
Technologies/Tools Used:
- Figma: Utilized for creating interactive prototypes and gathering feedback during the design process.
- Adobe Photoshop: Used for editing and optimizing images used in the popup.
Implementation: The Give a Meal Popup was implemented on the InnerCity Mission's landing page. You can experience it firsthand by visiting theinnercitymission.ngo on your mobile device. -->
Description
VFD Complete Flow is a comprehensive mobile responsive design for the Virtual Food Drive project. It includes mobile views for all pages and showcases the user flows within the application. The design aims to provide a seamless and intuitive user experience for participants in the Virtual Food Drive, promoting donations and engagement.
Technologies/Tools Used:
- Figma: Utilized for creating interactive prototypes and gathering feedback during the design process.
- Adobe Photoshop: Used for editing and optimizing images used throughout the design.
Implementation:
The Virtual Food Drive was implemented in vfd.theinnercitymission.tv, which is the Virtual Food Drive website.
Description
The 360° Virtual Tour webpage for InnerCity Mission Schools serves as an immersive platform for visitors to virtually explore the schools and gain insights into their mission and impact. The tour offers a glimpse into the InnerCity Mission network of schools in Ikeja, Shimawa, and Taraba, which offers free education and daily meals for children in need. Through my UI/UX design, I aimed to create an engaging and user-friendly experience that effectively communicates the mission and values of InnerCity Mission Schools.
Technologies/Tools Used:
- Figma: Utilized for creating interactive prototypes and gathering feedback during the design process.
- Adobe Photoshop: Used for editing and optimizing images used throughout the design.
Implementation:
The 360° Virtual Tour was implemented in 360.theinnercitymission.ngo.
9e9c663841c62704e11101b170df0bb1d4568f03
Description
The 360° Virtual Tour webpage for InnerCity Mission Schools serves as an immersive platform for visitors to virtually explore the schools and gain insights into their mission and impact. The tour offers a glimpse into the InnerCity Mission network of schools in Ikeja, Shimawa, and Taraba, which offers free education and daily meals for children in need. Through my UI/UX design, I aimed to create an engaging and user-friendly experience that effectively communicates the mission and values of InnerCity Mission Schools.
Technologies/Tools Used:
- Figma: Utilized for creating interactive prototypes and gathering feedback during the design process.
- Adobe Photoshop: Used for editing and optimizing images used throughout the design.
Implementation:
The 360° Virtual Tour was implemented in 360.theinnercitymission.ngo.
<<<<<<< HEAD
=======
9e9c663841c62704e11101b170df0bb1d4568f03
Description
<<<<<<< HEAD This project focuses on designing an engaging and user-friendly Contact Us page for the website of the InnerCity Mission. The design provides a seamless and intuitive experience for visitors to reach out to the organization and inquire about their services or support initiatives. The design incorporates relevant contact information, a contact form, and visually appealing elements to enhance user engagement.
Technologies/Tools Used:
- Figma: Utilized for creating interactive prototypes and gathering feedback during the design process.
- FontAwesome: Used for incorporating icons on the Contact Us page. ======= Description
The Send Portions page showcases a thoughtfully designed UI/UX interface that aims to make a significant impact in alleviating poverty during the Christmas season. Through visually appealing elements and intuitive navigation, the design effectively communicates the mission of the InnerCity Mission NGO to provide a memorable Christmas for indigent children worldwide. The sponsorship opportunities are presented in a clear and compelling manner, allowing visitors to choose from a range of options to support the cause.
Technologies/Tools Used:
- Figma: Utilized for creating interactive prototypes and gathering feedback during the design process.
- Adobe Photoshop: Used for editing and optimizing images used in the popup.
- Landing Page for Desktop
9e9c663841c62704e11101b170df0bb1d4568f03
<<<<<<< HEAD Implementation:
The Contact Us mockup was implemented in theinnercitymission.ngo/contact-us, which is the Contact Us page of the InnerCity Mission website.
======= + Landing Page for Mobile
- Registration Form Mockup
9e9c663841c62704e11101b170df0bb1d4568f03
Implementation:
The Send Portions page was implemented in theinnercitymission.ngo/sendportions while the registration form is at sendportions.theinnercitymission.ngo/register.
9e9c663841c62704e11101b170df0bb1d4568f03
Description
I contributed to the design of the W.A.P Super Admin Complete Dashboard Flow, a central platform for WATCH Ambassadors to manage and monitor their campaigns. This super admin dashboard offers features such as creating campaigns, generating custom shareable links, and tracking givings & donations made through these links. The goal of the design was to provide a comprehensive and user-friendly interface that enables efficient campaign management and accurate monitoring of giving activities.
This was a collaborative project with Peace Adenekan.
Technologies/Tools Used:
- Figma: Utilized for creating interactive prototypes and gathering feedback during the design process.
- Adobe Photoshop: Used for editing and optimizing images used in the popup.
- Landing Page for Desktop
<<<<<<< HEAD
- Landing Page for Mobile
- Registration Form Mockup
Implementation:
The WAP project page was implemented in wap.theinnercitymission.ngo.
9e9c663841c62704e11101b170df0bb1d4568f03
<<<<<<< HEAD Implementation:
The Send Portions page was implemented in theinnercitymission.ngo/sendportions while the registration form is at sendportions.theinnercitymission.ngo/register.
=======
9e9c663841c62704e11101b170df0bb1d4568f03
Description Summary:
<<<<<<< HEAD I contributed to the design of the W.A.P Super Admin Complete Dashboard Flow, a central platform for WATCH Ambassadors to manage and monitor their campaigns. This super admin dashboard offers features such as creating campaigns, generating custom shareable links, and tracking givings & donations made through these links. The goal of the design was to provide a comprehensive and user-friendly interface that enables efficient campaign management and accurate monitoring of giving activities.
This was a collaborative project with Peace Adenekan.
I revamped the existing design of the "Praying for the Needy" login screen by making a user-friendly interface with a clean and modern design aesthetic. The harmonious color scheme, legible typography, and intuitive layout create a seamless and visually appealing experience for users.
Technologies/Tools Used:
- Figma: Utilized for creating interactive prototypes and gathering feedback during the design process.
Implementation:
The login page was implemented in prayer.theinnercitymission.ngo.
Description
I designed the UI for the Colouring Dreams Conference (CDCON), a significant global event that unites partners and stakeholders of the InnerCity Mission. This interactive prototype showcases the evolution of the conference's user interface through Version 1.0 and Version 2.0.
The CDCON aims to bring together individuals from the global network to contribute to the organization's mission of providing support and making a positive impact on the lives of underprivileged communities. The UI/UX design ensures a seamless and engaging user experience, allowing participants to easily navigate through the conference's information and registration process.
9e9c663841c62704e11101b170df0bb1d4568f03
Technologies/Tools Used:
- Figma: Utilized for creating interactive prototypes and gathering feedback during the design process.
Implementation:
<<<<<<< HEAD The WAP project page was implemented in wap.theinnercitymission.ngo.
- UI/UX Designer at The InnerCity Mission for Children - 2020 - Date ======= The CDCON design was implemented in theinnercitymission.ngo/cdcon.
Please note that the page has undergone several changes since its initial implementation, reflecting continuous improvements and enhancements to optimize user engagement and interaction.
- UI/UX Designer at The InnerCity Mission for Children - 2020 - Date
9e9c663841c62704e11101b170df0bb1d4568f03
- Email: sylvesterjoannaunyii@gmail.com
- LinkedIn: Joanna Sylvester
======= -->
9e9c663841c62704e11101b170df0bb1d4568f03