BloomBook App: A Fresh New Look & Unique Custom Floral Illustrations BloomBook is an e-commerce platform dedicated to fresh flowers and convenient floral subscription services for every occasion. To elevate its professional edge and visual appeal, the project underwent a complete mobile app UI redesign.
UI Redesign Every single screen across the appโfrom login flows and the homepage to interactive elements like order tracking progress bars and navigation menusโreceived a fresh makeover. The overall design direction focuses on smooth, intuitive interactions, making the flower-buying experience effortless and fun.
Custom Mascot & Interactive Animations One major highlight of this revamp is the custom mascot, designed entirely from scratch starting with early pencil sketches. This charming character brings extra warmth and friendly emotion to the shopping journey, appearing across onboarding screens, loading states, and the app’s rewards system.
A Delicate 65-Flower Illustration Set The project features a gorgeous, meticulously crafted vector collection of 65 botanical illustrations. Rendered with soft color palettes and subtle gradient effects, each flower adds a delightful touch to product listings and in-app badges.
Concept Research & Creative Process The creative process was thoughtfully executed from start to finish, involving initial shape studies, mascot facial expression sheets, and detailed storyboards for different contextsโfrom scooter delivery animations to celebration screens. This seamless consistency ties everything together into a polished, vibrant final product.
BloomBook App: Diแปn mแบกo mแปi mฦฐแปฃt mร cรนng bแป minh hแปa hoa tฦฐฦกi ฤแปc ฤรกo
BloomBook lร nแปn tแบฃng thฦฐฦกng mแบกi ฤiแปn tแปญ chuyรชn kinh doanh cรกc sแบฃn phแบฉm hoa tฦฐฦกi vร dแปch vแปฅ ฤแบทt hoa ฤแปnh kแปณ cho nhiแปu dแปp khรกc nhau. Nhแบฑm nรขng cao tรญnh chuyรชn nghiแปp vร sแปฉc hรบt trแปฑc quan, dแปฑ รกn ฤรฃ thแปฑc hiแปn mแปt cuแปc tรกi thiแบฟt kแบฟ toร n diแปn cho giao diแปn แปฉng dแปฅng di ฤแปng.
Tรกi cแบฅu trรบc giao diแปn ngฦฐแปi dรนng (UI Redesign)
Toร n bแป cรกc mร n hรฌnh trong แปฉng dแปฅng โ tแปซ luแปng ฤฤng nhแบญp, trang chแปง cho ฤแบฟn cรกc thร nh phแบงn tฦฐฦกng tรกc nhฦฐ thanh tiแบฟn trรฌnh ฤฦกn hร ng vร menu ฤiแปu hฦฐแปng โ ฤแปu ฤฦฐแปฃc lร m mแปi. ฤแปnh hฦฐแปng thiแบฟt kแบฟ tแบญp trung vร o sแปฑ mฦฐแปฃt mร vร trแปฑc quan, giรบp quรก trรฌnh chแปn mua hoa trแป nรชn thuแบญn tiแปn hฦกn.
Xรขy dแปฑng nhรขn vแบญt mascot vร chuyแปn ฤแปng tฦฐฦกng tรกc
Mแปt ฤiแปm nhแบฅn quan trแปng cแปงa dแปฑ รกn lร viแปc thiแบฟt kแบฟ nhรขn vแบญt mascot ฤแปc quyแปn ngay tแปซ nhแปฏng bฦฐแปc phรกc thแบฃo ฤแบงu tiรชn. Hรฌnh แบฃnh mascot xuแบฅt hiแปn xuyรชn suแปt cรกc mร n hรฌnh chร o mแปซng (onboarding), trแบกng thรกi chแป cลฉng nhฦฐ hแป thแปng phแบงn thฦฐแปng, giรบp trแบฃi nghiแปm mua sแบฏm thรชm phแบงn thรขn thiแปn vร giร u cแบฃm xรบc.
Bแป minh hแปa 65 loร i hoa ฤแบงy tinh tแบฟ
Dแปฑ รกn sแป hแปฏu bแป sฦฐu tแบญp gแปm 65 hรฌnh minh hแปa thแปฑc vแบญt ฤฦฐแปฃc chuyแปn thแป sang dแบกng vector tแป mแป. Mแปi bรดng hoa ฤแปu ฤฦฐแปฃc thแป hiแปn kแปน lฦฐแปกng vแปi tรดng mร u dแปu nhแบน vร hiแปu แปฉng chuyแปn sแบฏc (gradient) tinh tแบฟ, phแปฅc vแปฅ cho viแปc hiแปn thแป sแบฃn phแบฉm vร cรกc danh hiแปu trong แปฉng dแปฅng.
Nghiรชn cแปฉu concept vร quy trรฌnh sรกng tแบกo
Quรก trรฌnh chuแบฉn bแป ฤฦฐแปฃc ฤแบงu tฦฐ bร i bแบฃn tแปซ bฦฐแปc nghiรชn cแปฉu hรฌnh dรกng, bแบฃng biแปu cแบฃm gฦฐฦกng mแบทt cแปงa mascot ฤแบฟn cรกc storyboard chi tiแบฟt cho tแปซng ngแปฏ cแบฃnh โ tแปซ hoแบกt hแปa giao hร ng bแบฑng xe mรกy cho ฤแบฟn mร n hรฌnh chรบc mแปซng. Sแปฑ ฤแปng bแป nร y tแบกo nรชn mแปt sแบฃn phแบฉm chแปn chu vร trร n ฤแบงy nฤng lฦฐแปฃng.
Nguแปn: behance.net
