UX/UI
Java Been Coffee
Java Been Coffee
E-commerce Website
My Role: Design and develop a responsive website for Java Been, integrating the client’s branding elements with user-friendly navigation and engaging visuals to ensure a seamless experience for users of all ages.
Intended Audience: The project's target demographic included a broad age range of 13-65 years, appealing to both younger, tech-savvy customers and older individuals seeking a simple, intuitive online experience. The design aimed to attract both casual coffee enthusiasts and loyal patrons of Java Been.
Strategy and Concept: The strategy was to build an inviting and accessible website to expand Java Been's reach through online ordering. By leveraging the brand’s established color palette and typography, the design maintained brand consistency while creating an engaging digital presence. The homepage highlights seasonal promotions, like the Pumpkin Spice Latte, to immediately capture attention. The navigation was simplified to ensure ease of use, with prominent calls-to-action for ordering, menu browsing, and location details.
Reasons for Decisions: The use of Java Been's brand colors and typography established visual hierarchy and familiarity for existing customers while drawing in new visitors. Warm, inviting tones like brown and cream complemented coffee imagery and enhanced the overall aesthetic. The responsive design ensured accessibility across devices, catering to younger users with engaging visuals and older users with intuitive navigation. The layout focused on clear categorization of products and services, ensuring easy exploration and conversion for all age groups. Seasonal promotions were prominently featured to capture immediate interest and drive engagement.
My Role: Design and develop a responsive website for Java Been, integrating the client’s branding elements with user-friendly navigation and engaging visuals to ensure a seamless experience for users of all ages.
Intended Audience: The project's target demographic included a broad age range of 13-65 years, appealing to both younger, tech-savvy customers and older individuals seeking a simple, intuitive online experience. The design aimed to attract both casual coffee enthusiasts and loyal patrons of Java Been.
Strategy and Concept: The strategy was to build an inviting and accessible website to expand Java Been's reach through online ordering. By leveraging the brand’s established color palette and typography, the design maintained brand consistency while creating an engaging digital presence. The homepage highlights seasonal promotions, like the Pumpkin Spice Latte, to immediately capture attention. The navigation was simplified to ensure ease of use, with prominent calls-to-action for ordering, menu browsing, and location details.
E-commerce Website
Reasons for Decisions: The use of Java Been's brand colors and typography established visual hierarchy and familiarity for existing customers while drawing in new visitors. Warm, inviting tones like brown and cream complemented coffee imagery and enhanced the overall aesthetic. The responsive design ensured accessibility across devices, catering to younger users with engaging visuals and older users with intuitive navigation. The layout focused on clear categorization of products and services, ensuring easy exploration and conversion for all age groups. Seasonal promotions were prominently featured to capture immediate interest and drive engagement.
Rustic Ridge Co.
Rustic Ridge Co.
E-commerce Website
My Role: Design and develop a responsive e-commerce website for Rustic Ridge Co., focusing on creating a cohesive user experience and functional user interface across desktop, tablet, and mobile platforms.
Intended Audience: The website targets outdoor enthusiasts aged 18-40, primarily men but also including adventurous women, who seek rugged, durable clothing and accessories for outdoor activities and casual wear.
Strategy and Concept: The design strategy emphasized the use of earthy tones and bold typography to resonate with the brand's outdoor theme. The layout was structured to prioritize easy product discovery, with prominently displayed categories and individual product pages that include detailed descriptions, similar item recommendations, and outfit matches. The overall concept was to create a clean, intuitive shopping experience that reflects the brand's adventurous spirit.
Reasons for Decisions: The color palette of greens, browns, and tans reflects the natural outdoor environment, reinforcing the brand identity. Bold typography was chosen to convey strength and reliability. The responsive design ensures accessibility and usability across all devices, with optimized layouts for different screen sizes. The product grid layout highlights the clothing and accessories, making navigation intuitive and visually appealing. Featured sections, such as "Shop Outfit Matches," encourage cross-selling while enhancing the user experience. The design prioritizes clarity and functionality to cater to the adventurous audience's practical needs.
E-commerce Website
My Role: Design and develop a responsive e-commerce website for Rustic Ridge Co., focusing on creating a cohesive user experience and functional user interface across desktop, tablet, and mobile platforms.
Strategy and Concept: The design strategy emphasized the use of earthy tones and bold typography to resonate with the brand's outdoor theme. The layout was structured to prioritize easy product discovery, with prominently displayed categories and individual product pages that include detailed descriptions, similar item recommendations, and outfit matches. The overall concept was to create a clean, intuitive shopping experience that reflects the brand's adventurous spirit.
Intended Audience: The website targets outdoor enthusiasts aged 18-40, primarily men but also including adventurous women, who seek rugged, durable clothing and accessories for outdoor activities and casual wear.
Reasons for Decisions: The color palette of greens, browns, and tans reflects the natural outdoor environment, reinforcing the brand identity. Bold typography was chosen to convey strength and reliability. The responsive design ensures accessibility and usability across all devices, with optimized layouts for different screen sizes. The product grid layout highlights the clothing and accessories, making navigation intuitive and visually appealing. Featured sections, such as "Shop Outfit Matches," encourage cross-selling while enhancing the user experience. The design prioritizes clarity and functionality to cater to the adventurous audience's practical needs.
Town Chinese Cuisine
Town Chinese Cuisine
E-commerce Website
My Role: Design and produce a responsive website for Town Chinese Cuisine, ensuring seamless navigation and a visually appealing user experience across desktop, tablet, and mobile platforms. My role involved creating a website that expanded the restaurant's services to an online platform, enhancing accessibility and boosting business.
Intended Audience: The website is designed for existing and potential customers in downtown San Diego, CA, who are looking to order authentic Chinese cuisine conveniently online. The target audience includes busy professionals, families, and food enthusiasts who value ease of access and a streamlined ordering process.
Strategy and Concept: The primary strategy was to create a visually engaging and user-friendly website to help Town Chinese Cuisine transition from dine-in and phone orders to an online presence. The concept incorporates vibrant, mouthwatering food imagery to entice users and drive orders. The brand's color scheme—red, grey, and black— reflects Chinese cultural elements of joy, fortune, and sophistication. Interactive icons for menu access, takeout, and reservations ensure a smooth user journey.
Reasons for Decisions: The layout was designed to prioritize vivid food imagery, highlighting the freshness and appeal of the dishes to engage users and drive online orders. The brand's color palette was integrated throughout the site to maintain consistency with the restaurant's established identity while reflecting Chinese cultural themes. The intuitive navigation and prominently placed interactive icons for menu access, takeout, and reservations ensure a seamless user experience across all devices. These decisions align with the restaurant's goal of creating a functional and visually inviting online presence to attract a wider audience and increase business.
My Role: Design and produce a responsive website for Town Chinese Cuisine, ensuring seamless navigation and a visually appealing user experience across desktop, tablet, and mobile platforms. My role involved creating a website that expanded the restaurant's services to an online platform, enhancing accessibility and boosting business.
Strategy and Concept: The primary strategy was to create a visually engaging and user-friendly website to help Town Chinese Cuisine transition from dine-in and phone orders to an online presence. The concept incorporates vibrant, mouthwatering food imagery to entice users and drive orders. The brand's color scheme—red, grey, and black— reflects Chinese cultural elements of joy, fortune, and sophistication. Interactive icons for menu access, takeout, and reservations ensure a smooth user journey.
Intended Audience: The website is designed for existing and potential customers in downtown San Diego, CA, who are looking to order authentic Chinese cuisine conveniently online. The target audience includes busy professionals, families, and food enthusiasts who value ease of access and a streamlined ordering process.
Reasons for Decisions: The layout was designed to prioritize vivid food imagery, highlighting the freshness and appeal of the dishes to engage users and drive online orders. The brand's color palette was integrated throughout the site to maintain consistency with the restaurant's established identity while reflecting Chinese cultural themes. The intuitive navigation and prominently placed interactive icons for menu access, takeout, and reservations ensure a seamless user experience across all devices. These decisions align with the restaurant's goal of creating a functional and visually inviting online presence to attract a wider audience and increase business.
E-commerce Website
"Diary of the Broken Promise"
"Diary of the Broken Promise"
Story Blog
My Role: Design and develop a responsive blog for "Diary of the Broken Promise," written by the fictitious character Friday O'Lucky, a werecat with a dark, romantic, and complex personality. My role included crafting the visual design, creating the user interface, and ensuring seamless user experiences across desktop, tablet, and mobile platforms.
Intended Audience: The primary audience consists of 16-35-year-old readers, predominantly women, who enjoy dark, romantic narratives with a touch of mystery and derangement. This includes followers of novels featuring the lead character, Friday O'Lucky, and those drawn to gothic and fantasy themes.
Strategy and Concept: The design was centered around embodying Friday O'Lucky's multifaceted personality through a dark, gothic aesthetic, featuring a color palette of deep reds, black, and tan to evoke romance, mystery, and a sense of the macabre. The homepage prominently showcases a featured diary cover with intuitive navigation to individual story pages, each highlighted with character-themed visuals and brief descriptions to intrigue readers and draw them into the narrative. Story pages were tailored with immersive typography and cohesive visual elements to ensure readability while maintaining the gothic tone, and a mobile-first approach was implemented to guarantee accessibility and user-friendliness across all devices.
Reasons for Decisions: The color palette of deep red, black, and tan reflects the dark and romantic nature of the character and the blog’s tone, ensuring visual continuity and mood consistency throughout the site. Ornate frames, gothic typography, and vivid character portraits enhance the immersive experience, aligning seamlessly with the character's backstory and multifaceted personality. The layout features a bold diary cover as the homepage focal point, complemented by individual story cards with interactive elements to engage users. A minimalist yet impactful UX/UI design allows for easy navigation without overwhelming visuals, while story-specific trigger warnings demonstrate sensitivity to the audience while maintaining the thematic integrity of the blog.
My Role: Design and develop a responsive blog for "Diary of the Broken Promise," written by the fictitious character Friday O'Lucky, a werecat with a dark, romantic, and complex personality. My role included crafting the visual design, creating the user interface, and ensuring seamless user experiences across desktop, tablet, and mobile platforms.
Intended Audience: The primary audience consists of 16-35-year-old readers, predominantly women, who enjoy dark, romantic narratives with a touch of mystery and derangement. This includes followers of novels featuring the lead character, Friday O'Lucky, and those drawn to gothic and fantasy themes.
Strategy and Concept: The design was centered around embodying Friday O'Lucky's multifaceted personality through a dark, gothic aesthetic, featuring a color palette of deep reds, black, and tan to evoke romance, mystery, and a sense of the macabre. The homepage prominently showcases a featured diary cover with intuitive navigation to individual story pages, each highlighted with character-themed visuals and brief descriptions to intrigue readers and draw them into the narrative. Story pages were tailored with immersive typography and cohesive visual elements to ensure readability while maintaining the gothic tone, and a mobile-first approach was implemented to guarantee accessibility and user-friendliness across all devices.
Reasons for Decisions: The color palette of deep red, black, and tan reflects the dark and romantic nature of the character and the blog’s tone, ensuring visual continuity and mood consistency throughout the site. Ornate frames, gothic typography, and vivid character portraits enhance the immersive experience, aligning seamlessly with the character's backstory and multifaceted personality. The layout features a bold diary cover as the homepage focal point, complemented by individual story cards with interactive elements to engage users. A minimalist yet impactful UX/UI design allows for easy navigation without overwhelming visuals, while story-specific trigger warnings demonstrate sensitivity to the audience while maintaining the thematic integrity of the blog.
Story Blog
Dance Fit Kids
Dance Fit Kids
Interactive Infographic
My Role: Design and produce an animated infographic to promote the DanceFit Kids app. The focus was on creating a visually engaging and interactive experience that encourages kids to practice dance routines, stay active, and build healthy habits in a fun, game-like format.
Strategy and Concept: The project centered around transforming a multi-page infographic into a game-like experience. A structured timeline ensured smooth functionality for interactive tasks and transitions between phases. The graphics feature simple 2D illustrations with a bright, vivid color palette to appeal to children. Typography includes playful, yet assertive, sans-serif display fonts to maintain clarity and fun. Each page’s interactivity aligns with specific tasks to engage kids and help them progress through the app.
Intended Audience: The app targets boys and girls aged 4–12, particularly those involved in dance studios who need motivation to practice outside of class. It also supports both individual and team use, teaching self-discipline and teamwork in a flexible environment—indoors or outdoors.
Reasons for Decisions: The design caters to the target demographic by incorporating large, easy-to-use navigation buttons and visually intuitive icons for kids who may not be able to read. Kid-friendly sounds and music enhance the playful atmosphere. The vivid colors, simple illustrations, and interactive elements ensure engagement, making the app enjoyable while promoting physical activity.
My Role: Design and produce an animated infographic to promote the DanceFit Kids app. The focus was on creating a visually engaging and interactive experience that encourages kids to practice dance routines, stay active, and build healthy habits in a fun, game-like format.
Strategy and Concept: The project centered around transforming a multi-page infographic into a game-like experience. A structured timeline ensured smooth functionality for interactive tasks and transitions between phases. The graphics feature simple 2D illustrations with a bright, vivid color palette to appeal to children. Typography includes playful, yet assertive, sans-serif display fonts to maintain clarity and fun. Each page’s interactivity aligns with specific tasks to engage kids and help them progress through the app.
Intended Audience: The app targets boys and girls aged 4–12, particularly those involved in dance studios who need motivation to practice outside of class. It also supports both individual and team use, teaching self-discipline and teamwork in a flexible environment—indoors or outdoors.
Reasons for Decisions: The design caters to the target demographic by incorporating large, easy-to-use navigation buttons and visually intuitive icons for kids who may not be able to read. Kid-friendly sounds and music enhance the playful atmosphere. The vivid colors, simple illustrations, and interactive elements ensure engagement, making the app enjoyable while promoting physical activity.