APPLICATION DESIGN 2 Assignment 3

 Student id : 0379395

Name : He Kehua

Public share URL link:https://app.flutterflow.io/project/text3-0sr0ko

Presentation link:https://youtu.be/iRTutC_IPm0

My app is called E LE MA

Here you can see the first page you open this app.

Then you can see the home page.

Here are all type of things that you can edit.
Of course,you can see the discount on the home page.

And you can see the all pages i made.
Here the story board


SplashPage

  • Function: App launch screen with logo and branding.

  • Purpose: Builds recognition and provides a clean start.

OnboardingPage

  • Function: Introduction to app features.

  • UI: Illustration with description and progress bar.

  • Action: Next or skip to continue.

LoginPage

  • Function: User login.

  • Fields: Email, password.

  • Extras: Forgot password and guest mode options.

SignupPage

  • Function: Create a new account.

  • Fields: Name, email, password.

  • Extras: Guest mode and login redirect.

ForgotPasswordPage

  • Function: Start password recovery.

  • Action: Enter email to receive verification code.

VerifyPage

  • Function: Enter code received via email.

  • Design: Code input with resend option.

ResetPasswordPage

  • Function: Set new password.

  • Fields: New and confirm password.

WriteReviewsPage

  • Function: Submit a review or feedback.

  • UI: Text input with submit button.

CheckoutPage

  • Function: Final step before placing an order.

  • Content: Placeholder—may include payment or delivery summary.

OrderDetailPage

  • Function: View order information.

  • Info: Order ID, customer address, product details, payment summary.

CallPage

  • Function: In-app call (likely for support or delivery).

  • Actions: Mute, hang up, speaker.

AddNewCardPage

  • Function: Add credit/debit card.

  • Fields: Card type, holder name, number, expiry, CVV.

BasketPage

  • Function: Shopping cart.

  • Details: Item list and subtotal.

  • UI: Minimal and editable.

EditProfilePage

  • Function: Update avatar and email.

  • Design: Clean and focused on user identity.

SecurityPage

  • Function: Manage security settings.

  • Options: Face ID, notifications, change password (toggle switches included).

ChangePasswordPage

  • Function: Change existing password.

  • Fields: New password, confirm password.

FeedbackPage

  • Function: Submit feedback.

  • UI: Text area with submit button.

DeodrantsPage / GroomingPage / SearchPage

  • Function: Browsing or filtering products.

  • Status: Currently empty.

  • Suggestions: Add product listings or search results.


SplashPageCopy

  • Function: App launch screen showing brand logo and name.

  • Design: Simple, centered layout with clean colors.

  • Experience: Fast loading, enhances brand recognition.

BottomPage

  • Function: Main profile navigation page.

  • Sections:

    • My profile

    • Security

    • Settings

    • My favorite

    • Privacy policy

  • Design: Clear text list layout, easy access to settings.

MyProfilePage

  • Function: Displays and allows editing of user info.

  • Fields: First name, Last name, Email address.

  • Experience: Clean input layout, easy to update details.

AddNewAddressPage

  • Function: Add a new delivery address.

  • Fields: Address title, State, City, Street.

  • Design: Standard form with dropdowns and submit button.

OrderPage

  • Function: Shows past orders and statuses.

  • Statuses: Pending, Delivered, Cancelled.

  • Experience: Product info with price and status clearly displayed.

MyFavoritePage

  • Function: Shows favorite products.

  • Status: Currently empty or no content yet.

  • Suggestion: Add message for no favorites or show recommendations.

PrivacyPolicyPage

  • Function: Displays privacy policy information.

  • Content: Very brief message.

  • Suggestion: Expand with more legal and data usage details.

CategoriesPage

  • Function: Shows product or service categories.

  • Status: No content displayed yet.

  • Suggestion: Add category names and sections for browsing.






Comments

Post a Comment

Popular posts from this blog

Spatial 2 assignment 1

Image
Here are the project what we shuld do. 🧠 Assignment Overview: You are required to conduct a precedent study and analysis of two retail stores: One international (overseas) store – researched online. One physical store – that you can visit in person. This assignment is individual and counts for 20% of your final grade. 🎯 Objective: To apply design processes critically and creatively by analyzing real-world retail environments. You will propose innovative, context-specific solutions that improve spatial quality, customer experience, and brand identity. 📌 Analysis Areas to Cover: Store Overview Name, location, and type (e.g., fashion, electronics, lifestyle) Brief brand history or background Design Features Layout: Floor plan sketch; how the layout guides flow and interaction Materials: What materials are used and their functional/aesthetic effect Lighting: How lighting contributes to mood and experience Color Scheme: How color supports brand identity and ambiance Brand Identity How...
Read more

Embedded systems

Image
                                                       In this lesson, the teacher gave us a general explanation of what is called an embedded system. Then he gave us a general introduction to the tasks that we need to complete this semester and the courses we have learned. We were then given homework for the lesson, and the following is an example of an assignment. This is our first group assignment This class was supposed to be a public holiday, but the teacher was very responsible, so he gave us an online class to teach us how to use python, and under the teacher's step-by-step teaching, we had a rough understanding of python software In this lesson, the teacher continued to distribute some of the tools needed for embedded systems and taught us how to use them. Of course, the teacher also gave us a deeper understanding of what an embedded system ...
Read more

Spatial Design project1

Week1-4  Teacher has told me that spatial design is the art and science of shaping and organizing physical spaces. It inciuding creating functional, aesthetically pleasing,environments and so on. Spatial designers are really intelligent.They work on a wide range of projects, including interior design of homes, offices,schools and commercial spaces; exhibition design; landscape architecture; and urban planning. The goal is to optimize the use of space while enhancing the user experience and creating a harmonious and engaging atmosphere.     In this lesson, the teacher asked us to understand the dotted line surface and asked us to go to the campus to find the buildings related to the dotted and line surface to take five photos each and let us send them to the software. Then let us find a building in the school that can be improved to make our study and life more convenient. In this class, the teacher showed us the structure of the famous twin towers in Malaysia and ask...
Read more