Lulu and Sky: UI UX Design for web/mobile app for Online Fashion Shopping

Lulu and Sky

Mobile App Development UI & Web Development

Client

Lulu and Sky

About the Project

As the Project Head, I spearheaded the development of the client's online clothing store, overseeing the implementation of PHP and Magento for the website, as well as leading the creation of a dynamic mobile app using Flutter. This holistic approach ensured a cohesive and user-friendly shopping experience across web and mobile platforms, driving customer engagement and satisfaction.

My Role

Research and Analysis
Wireframing
UI Design Creation
UI Style Guide Creation
Flutter app development
Testing & staging
App store deployment
Annual maintenance & support

Timeline

1. Userflow	1 Week
2. Wireframe	2 Days
3. UI Design	1 Week
4. Prototyping	3 Days
6. App development	70 Days
7. Testing	15 Days
8. Deployment & Launch	10 Days
Launch Date	Sep 2022

1. Research & Analysis

As shared by the client, the app development project aims to prioritize the enhancement of sales by focusing on existing repeat users and delivering an outstanding user experience. Key components include the implementation of a comprehensive loyalty program to nurture customer loyalty, personalized style feedback, and tailored recommendations to drive frequent purchases. Additionally, the app will incorporate features for efficient management of offers, stocks, and special promotions. Ensuring optimal app store visibility is critical to maximize reach and engagement with the target audience.

2. Wireframe

After conducting thorough research and analyzing top competitor apps, wireframes have been developed for the home page, product page, category page, and custom recommendation features. These wireframes have been carefully crafted for client review and consideration, with the intention of incorporating feedback to ensure alignment with project goals and user preferences.

3. UI Design & Prototyping

In response to the feedback and recommendations received, the UI design process has commenced for key pages including the home page, category and sub-category pages, user profile page, login page, product detail page, add to cart page, checkout, purchase, and other essential components required for the app. These designs are being crafted with careful attention to detail, usability, and aesthetic appeal to ensure a seamless and engaging user experience.

4. App development

The project was executed using the Agile model, with approved designs serving as the foundation for app development. Commencing development promptly after design approval, the team worked diligently to complete the app within an ambitious timeframe of 75 days. This approach enabled rapid iteration, continuous feedback integration, and timely delivery of a fully functional and polished app that aligns with project objectives and user expectations.

5. Testing & staging

App testing was carried out in collaboration with a reputable third-party cybersecurity firm to ensure the highest level of security and thorough checks for vulnerabilities. Comprehensive testing included evaluating user flows to guarantee seamless navigation and optimal user experience, ultimately aiming to deliver a secure app that prioritizes user data protection and privacy.

6. App store deployment

Following successful testing and validation, the app was prepared for deployment on the respective app stores. This involved adhering to platform-specific guidelines and requirements while optimizing the app's listing for maximum visibility and discoverability. With meticulous attention to detail, the deployment process ensured a smooth transition to the app store environments, allowing users to easily access and download the app.

7. Client Training & Handover

Upon completion of the deployment process, comprehensive client training and handover sessions were conducted to ensure a seamless transition to the app management phase. These sessions covered all aspects of app management, including content updates, user engagement strategies, analytics interpretation, and basic troubleshooting. Additionally, thorough documentation and support materials were provided to empower the client in effectively managing and optimizing the app's performance post-launch.