UXD-centric:
Writing.
Storytelling, Savvy Design, Etcetera.
Specialized Forte: User
a. Empathy Stories,
b. Needs,
c. Pain Points.
d. Journeys.
e. Solutions.
f. Satisfaction.
​
-- Welcome Page --
This is the...
Shane JC: HCDI & UXDE:
<< All Things & a Few In-between Design Thinking (xyz)PERIENCE >>
Brush-bio: QR Code
Designer's Role and Project Goal: To (Design and Develop) a mobile app for a local bakery. It comprises sketches, mockups, a low-fidelity prototype, and a high-fidelity prototype.
There is a final, however, summative case study that explores the composite design and development process from start to finish.
This first image entails the composite slide project. There are thirteen slides and a final slide which is the design sheet.
This is the official Home Page for the Mobile App. Blue is selected to create a relaxing user experience with hint of yellow to simulate being outdoors enjoying a favorite snack.
Project 1:
Mobile App for 'Seductive Delicacies Bakery, LLC.': No. 1.
Design in Figma.
What you are looking at involves the variety of store locations for the bakery.
This is the official Menu Selection Page for the bakery. As you can see, users are able to select one's choice by way of a text with accompanying button or an image of the product.
Designer's Role and Project Goal: To (Design and Develop) a responsive website for a local bakery. It comprises sketches, mockups, a low-fidelity prototype, and a high-fidelity prototype.
This slide entails the composite Responsive Website Design Experience. There are/is a total of ten main screens.
After logging-in and accessing the website, this is the starting page for the complete user experience.
This is the official checkout page for the user experience. After users have selected their product(s) of choice, he or she can then complete the process by checking out and paying the fees.
What you are looking at is the main navigation page. This page consists of both an icon and corresponding text to specify the actual page of choice. The color purple has been selected as the primary color of choice because it is regal and creates of sense of a special and most elegant user experience.
This page involves the thank you and gesture of appreciation for all patrons. The color gray is selected due to its being a very natural color. Aside from the thank you message, there is no other excitement occurring.
The next four pages/slides center on my. official artisan and designer portfolio
Designer's Role and Project Goal: To (Design and Develop) a a Mobile App and Responsive Website both centered on Empathy. Users were interviewed. Iterations Were Completed. The Outcomes are: sketches, mockups, a low-fidelity prototype, and a high-fidelity prototype.
What you are looking at is the official Home Page for the Empathy Product.
The main emphasis, you will notice, is on the connecting with the user and state who we are.
This is the Options Welcome Page. Dr. Sally is the virtual guide for the users. She has the face of a sect of society that represents minorities. There are several emojis to create an atmosphere of positivity and optimism.
This is the 'Affiliate Page.' It is the first page-slide which explores a subject related or affiliated with "Empathy." Notably, this page so happens to be called "Empathy." The purpose is to address the top questions which should be covered pertaining to Empathy. There are several other affiliate pages. Yet, for the sake of time constraints, only this preliminary page is listed.
This is the 'Tools Page.' This is called the tools due to it covering an item that adds great value to the user experience. In this case, the tool itself is a 'Music Menu.' Users are able to specify there music preference. It creates a personalized touch. All of the music ought to have some connection with human emotions and creating a positive and uplifting mood for the said user.
This is the 'Profile Page.' This is the specific space where users create his or her personalized profile. Users are able to store preferred information of one's choice. It is a sort of database. Each time users login, they enter email address and password. All information is secure with privacy preserved. Again, for the sake of time preservation only one page is included.
This is the 'Information Page'. It is the central roadmap for users to navigate throughout the site. When selecting the Navigator Bar, they are routed to this centralized page. The complete product consists ot 16 total pages. Again, only 6 are included on this portfolio. If needed, a link to the complete prototype can be provided!
This image is the Screen Variation for the original Home Page. Yet, what you are seeing is for the Tablet and Smartwatch. Users can access the product though various access devices.
This image is the Screen Variation for the original Options Page. Yet, what you are seeing is for the Tablet and Smartwatch. Users can access the product though various access devices.
This image is the Screen Variation for the original Affiliates Page. Yet, what you are seeing is for the Tablet and Smartwatch. Users can access the product though various access devices.
This image is the Screen Variation for the original Tools Page. Yet, what you are seeing is for the Tablet and Smartwatch. Users can access the product though various access devices.
This image is the Screen Variation for the original Profile Page. Yet, what you are seeing is for the Tablet and Smartwatch. Users can access the product though various access devices.
This image is the Screen Variation for the original Informational Page. Yet, what you are seeing is for the Tablet and Smartwatch. Users can access the product though various access devices.
As far as Accessibility is concerned there are three foremost points to address: (1) Both of the now completed tech tools or instruments are accessible to all regardless of current circumstance, disability, ethnicity, culture, gender, etcetera. It is important to note that no one is to be marginalized or discriminated from accessing or using both tools-instruments. (2)
All the user(s) must do is navigate to the ‘Additional Tools Page’, and he or she is to discover icons that once selected provides direct access to whatever information that is needed.
Also, there is no other issue, concern, etcetera as found on the information page then he or she can Search the world wide web for whatever that one needs. (3) Overall Outcome: the summative and now officially documented outcome includes a Dedicated Mobile App User Experience, and a Responsive Website Design User Experience.
This final image involves the main takeaways which proceeds from this third project. A basic S.W.O.T. Analysis was employed. It reads, as follow:
Impact-SWTO Analysis:
Answer: Strengths -- 1. Ease of use, 2. Organized. 3. Accessible. 4. Useful. 5. Appealing to all five human senses.
Answer: Weaknesses -- There are no mentioned weaknesses to discuss. This was a most alarming, yet affirming evaluation,
Answer: Threats -- There are no threats to be concerned with or about.
Answer: Opportunities -- The foremost ‘opportunity’ centers on the accessibility of both the mobile app and the responsive website design. All the users agreed that the complete user experience is to be considered as useful; and addresses specific pain points that are relatable and relevant.
Information that should have been added: There is
nothing negative to report.
​
What I learned:
This has been a very mind and mental expanding experience. A lot of invaluable ground has been covered thus far. Perhaps, the most critical aspect centered on the user himself and herself. Regardless, in short, of how cutting-edge the design is, if the user is not front-and-center at all times, then the user experience will not meet expectations!
​
​
Project 2:
Responsive Web Design for 'Seductive Delicacies Bakery, LLC.'.
Design in Adobe XD.
Project 3:
Dedicated Mobile App and Responsive Website: Empathy-driven.
