.
Visual & Product Designer with
10+ years experience in conceptualizing social media marketing and crafting digital products.📍 Based in South Jakarta
— Sneak peak my works —
/illustration
/resume
/contact me
//here my other works.
UI/UX Design
-
User Gamification in Mobile App for
GG MILD The Intern
UI/UX Design
-
Point Redemption for AUTO2000 The Podium Mobile App
UI/UX Design
-
Design Responsive Website for
Tupperware Men Digital Marketing Assets
UI/UX Design
-
Design Responsive Website for
Sushi Mori Restaurant Company Profile
/sometimes I draw...
/let's talk about me
GG Move | branding identity & digital assets
Design Responsive Website for
Tupperware Men
One approach to digitizing traditional sales methods is through the utilization of responsive websites as a media platform.
/About Project
Tupperware Men represents a product design innovation from Tupperware tailored specifically with a masculine aesthetic. With its rugged design, this product innovation has emerged as one of its top sellers.
/Roles and Responsibilities 👩💻
As a Interactive Designer at Socialights Digital Marketing Agency, I responsible to designing structure and end to end journey of responsive website for Tupperware Men.
I also supported by Content Writer and Project Manager.
/Project Duration 📅
----- insert here
/Why we start the Project ❓
We actively address the concerns raised by our client, Tupperware Indonesia, regarding the marketing of their products. They aspire for their products to appeal not only to women but also to men, encouraging broader inclusivity.Furthermore, they seek to extend support to Tupperware Men product consumers in embracing activities that resonate with them within a vibrant community.
The Tupperware Men website is one of Tupperware's efforts in digital marketing. With this website, visitors can stay updated on the latest product developments and campaigns related to Tupperware Men.
/Goals 🚀
The objective of this project is we can show the advantages of the Tupperware Men product value and highlight the beneficial aspects that both visitors and users of Tupperware products can gain.
/Ideation 💡
The objective of this project is we can show the advantages of the Tupperware Men product value and highlight the beneficial aspects that both visitors and users of Tupperware products can gain.
/Design Process
-- 1/ Information Architecture
-- 2/ Wireframe (low-fi design)
-- 3/ Imagery
-- 4/ Typography
-- 5/ Color Pallete
-- 6/ Final Design
/Design Process
-- 1/ Information Architecture
Responsive Design Website for
Sushi Mori Restaurant
/About Project
Sushi Mori's website serves as the digital home for Sushi Mori's restaurant, showcasing they dedication to authentic Japanese cuisine and exceptional dining experiences. The site is designed to attract sushi lovers and provide essential information about our offerings, ambiance, and services.
/Project Duration
Started on May 2013 and launched at June 2013
/Role & Responbilities
As a web designer, I responsible to designing end to end journey of company profile website for Sushi Mori. I also supported by Project Manager.
/About Sushi Mori
Sushi Mori is a renowned sushi restaurant located in Jakarta, dedicated to transforming non-believers into enthusiasts of Japanese cuisine by redefining it as the new comfort food. With a visionary approach, the restaurant merges pristine culinary skills, unwavering passion, and boundless creativity to create an unparalleled experience in authentic Japanese dining.Through a fusion of tradition and innovation, Sushi Mori invites guests to indulge in a gastronomic adventure where the essence of Japanese cuisine is celebrated and cherished.
/Problem Statement
Despite the critical role of a well-crafted company profile in establishing brand identity, building credibility, and driving marketing efforts for restaurants, many struggle to create compelling profiles. This hampers their ability to attract customers, investors, and talent, hindering their growth and success. Hence, there is a need for a solution to help restaurants efficiently develop engaging profiles that resonate with their audience and enhance their market presence.
/Goals
The objective is to create a thorough and engaging restaurant profile that clearly conveys its background, values, and distinctive attributes. This profile should boost brand recognition, establish trustworthiness, and stimulate marketing initiatives, attracting customers, investors, collaborators, and skilled personnel, and ultimately fostering advancement and prosperity within the competitive restaurant sector.
/Solution
To establish credibility, reach a global audience, showcase products or services, engage customers, gain insights through analytics, and drive growth in a cost-effective manner while operating 24/7, developing a company profile website is the best decision.
/Ideation
1. Comprehensive Information Display:
Menu Details: Showcase detailed descriptions, high-quality images, and prices of sushi offerings.
About Us Section: Highlight the restaurant's history, unique qualities, and the chef’s expertise to attract and inform potential customers.
2. Online Reservations System:
User-Friendly Interface: Enable customers to easily make reservations through an in
tegrated booking system.
Real-Time Availability: Display real-time table availability and instant booking confirmation to improve customer convenience.
3. Enhanced Customer Engagement:
User-Friendly Interface: Enable customers to easily make reservations through an in
tegrated booking system.
Real-Time Availability: Display real-time table availability and instant booking confirmation to improve customer convenience.
4. SEO and Online Visibility:
Search Engine Optimization: Implement SEO strategies to ensure the website ranks high on search engine results, increasing online visibility.
Social Media Integration: Link social media profiles to the website for broader reach and engagement.
5. Mobile-Friendly Design:
Responsive Design: Ensure the website is optimized for mobile devices, providing a seamless experience for users on smartphones and tablets.
/Sitemap
/Information Architecture
1. Homepage
- Introduction Sushi Mori's restaurant.
- High-quality images of sushi dishes or the restaurant ambiance.
- Brief overview of what makes the restaurant unique.
2. About Sushi Mori page
- Mission and vision of the restaurant.
- History of the restaurant (founding story, key milestones).
- Information about the founders or management team.
- Commitment to quality, sustainability, or any other core values.
3. Menu Page
- Categorized menu items (appetizers, sushi rolls, sashimi, nigiri, desserts, beverages).
- Description of each dish.
- Pricing information.
- Special menus (e.g., lunch specials, chef's specials).
4. Gallery Page
- Photo gallery showcasing the restaurant's ambiance, interior, exterior, and signature dishes.
- Possibly include customer photos or testimonials.
5. Cart Page
- Product Summary: Display all items added to the cart with images, names, quantities, and prices.
- Quantity Adjustment: Allow customers to easily increase or decrease the quantity of each item.
- Total Cost Calculation: Display subtotal, taxes, shipping costs (if applicable), and the total cost.
- Estimated Delivery Time: Show the estimated delivery or pickup date based on the items in the cart.
- Continue Shopping Button: Option to return to the menu or other sections of the website to add more items.
- Proceed to Checkout Button: Prominent button to proceed to the checkout process.
6. My Profile Page
- Display and allow editing of personal details such as name, email, phone number, and address.
- Order History with details including order number, date, items purchased, total cost, and order status.
- Order Tracking for current orders, including delivery status and expected delivery date.
- Customer Support support with options for live chat, email support, or a support ticket system.
7. Contact Us Page
- Contact form for general inquiries or feedback.
- Phone number and email address for direct contact.
- Links to social media profiles (Facebook, Instagram, Twitter).
/Designing the Details
Layout
Cleanliness and Simplicity. Sushi is often associated with elegance, simplicity, and cleanliness. White space helps in creating a minimalist design that reflects these qualities. It allows the design elements and content to breathe, making the website visually appealing and easy to navigate.
Element design
Cherry blossoms evoke emotions of nostalgia, joy, and appreciation for natural beauty. By incorporating Sakura elements into your website, we can foster an emotional connection with your audience, creating a more memorable and engaging online experience that resonates with visitors on a deeper level.
Imagery:
My suggestion is using Real Photo because:- High-quality, appetizing photos can make your food look irresistible, enticing potential customers to visit your restaurant. People are drawn to visually appealing images.
- Real photos shared on your website or social media profiles serve as social proof. Seeing satisfied customers enjoying your food can encourage others to dine at your restaurant.
Color Pallete:
Traditional and fresh tone color scheme for a sushi restaurant website can effectively convey the ambiance, culture, and freshness associated with Japanese cuisine. I suggest to use Sushi Mori pallete color
Gold
Gold has warm undertones that can contribute to creating a welcoming and inviting atmosphere within the restaurant.
Wood
Wood can evokes a sense of nature and authenticity. Also wood color can add warmth to the restaurant's ambiance, making the space feel cozy and inviting.
Green
Green is often associated with freshness, nature, and vitality to make feel freshness and naturalness
Font Type:
Using Arial for website design can be advantageous, because Arial offers readability, availability, compatibility, and accessibility, making it a practical and straightforward choice for website typography.
/Wireframe
lipsum
/Final Design
lipsum
/The Impact
After monitoring for 3 months post-launch, the data shows a positive sentiment impact.
Over the span of three months, the website visitor rate at the Sushi Mori website has shown remarkable growth. Starting at 15% in July, it surged to 22% by October, marking a substantial increase within just a month. However, the most notable spike occurred in September, with a staggering 35% of visitors for the month.