roomvu
roomvu
roomvu
Design System development for Real Estate Marketing SaaS
Design System development for Real Estate Marketing SaaS
Design System development for Real Estate Marketing SaaS
Responsibility
Frontend Development, Design System Development
Responsibility
Frontend Development, Design System Development
Responsibility
Frontend Development, Design System Development
Created With
VSCode(Laravel, Vue.js, JavaScript, jQuery), Sketch, Zeplin, Figma, Adobe AfterEffects, Adobe Premier Pro
Created With
VSCode(Laravel, Vue.js, JavaScript, jQuery), Sketch, Zeplin, Figma, Adobe AfterEffects, Adobe Premier Pro
Created With
VSCode(Laravel, Vue.js, JavaScript, jQuery), Sketch, Zeplin, Figma, Adobe AfterEffects, Adobe Premier Pro

Overview
Roomvu has two websites which are:
Roomvu - Provide auto updated stats-based video for REALTOR®︎'s marketing solution
Roomvu Store - Provide some other modern and professional technology together with specialists such as photography, videography, Floorplan, virtual tours and so on
I developed UI for those 2 websites with Laravel, Vue.js, jQuery(Partially Vanilla.js) and Sass.
Overview
Roomvu has two websites which are:
Roomvu - Provide auto updated stats-based video for REALTOR®︎'s marketing solution
Roomvu Store - Provide some other modern and professional technology together with specialists such as photography, videography, Floorplan, virtual tours and so on
I developed UI for those 2 websites with Laravel, Vue.js, jQuery(Partially Vanilla.js) and Sass.
Overview
Roomvu has two websites which are:
Roomvu - Provide auto updated stats-based video for REALTOR®︎'s marketing solution
Roomvu Store - Provide some other modern and professional technology together with specialists such as photography, videography, Floorplan, virtual tours and so on
I developed UI for those 2 websites with Laravel, Vue.js, jQuery(Partially Vanilla.js) and Sass.
Building Design System
I created the front-end component to look consistently everywhere in the app, to minify the costs in complication and time difference for the communication between development team in Iran, India, Vancouver, Portugal and Tokyo.
Building Design System
I created the front-end component to look consistently everywhere in the app, to minify the costs in complication and time difference for the communication between development team in Iran, India, Vancouver, Portugal and Tokyo.
Building Design System
I created the front-end component to look consistently everywhere in the app, to minify the costs in complication and time difference for the communication between development team in Iran, India, Vancouver, Portugal and Tokyo.
Part of actual design system
Part of actual design system


Part of actual design system
Part of actual design system


Part of actual design system
Part of actual design system


Final UI Output — Roomvu
These are the part of final output combined with design system, which built and collaborated together with other developers.
Dashboard

Toppage

Marketing Landing Page

Final UI Output — Roomvu
These are the part of final output combined with design system, which built and collaborated together with other developers.
Dashboard

Toppage

Marketing Landing Page

Final UI Output — Roomvu
These are the part of final output combined with design system, which built and collaborated together with other developers.
Dashboard

Toppage

Marketing Landing Page

Final UI Output — Roomvu Store
Toppage

Service Provider Hiring page

Final UI Output — Roomvu Store
Toppage

Service Provider Hiring page

Final UI Output — Roomvu Store
Toppage

Service Provider Hiring page

Considered point
Created reusable components to minimize time for implementation
Delivered pixel-perfect development even within a very short period of time for each of tasks.
Made image size or file extension properly optimized to improve page-load speeds
Considered place appropriate HTML tags to be crawled by Google SEO's crawler
Implemented interactions as needed
Considered point
Created reusable components to minimize time for implementation
Delivered pixel-perfect development even within a very short period of time for each of tasks.
Made image size or file extension properly optimized to improve page-load speeds
Considered place appropriate HTML tags to be crawled by Google SEO's crawler
Implemented interactions as needed
Considered point
Created reusable components to minimize time for implementation
Delivered pixel-perfect development even within a very short period of time for each of tasks.
Made image size or file extension properly optimized to improve page-load speeds
Considered place appropriate HTML tags to be crawled by Google SEO's crawler
Implemented interactions as needed
Reflection
Within about a year of experience, I was working 50% in-office, 50% fully remote due to COVID-19. The noteworthy moment was the team had expanded to Vancouver, India, Iran, Portugal and Tokyo after the pandemic. Although it was quite tough to handle every project under the big time difference in the very fast-paced environment, It was really a pleasure and exciting to work in diversity and inclusive environment with straightforward communication.
Reflection
Within about a year of experience, I was working 50% in-office, 50% fully remote due to COVID-19. The noteworthy moment was the team had expanded to Vancouver, India, Iran, Portugal and Tokyo after the pandemic. Although it was quite tough to handle every project under the big time difference in the very fast-paced environment, It was really a pleasure and exciting to work in diversity and inclusive environment with straightforward communication.
Reflection
Within about a year of experience, I was working 50% in-office, 50% fully remote due to COVID-19. The noteworthy moment was the team had expanded to Vancouver, India, Iran, Portugal and Tokyo after the pandemic. Although it was quite tough to handle every project under the big time difference in the very fast-paced environment, It was really a pleasure and exciting to work in diversity and inclusive environment with straightforward communication.
See Also:
See Also:
See Also:

Takenaka
Strengthen brand presence with experience design for Japanese Food Truck
Branding, UI/UX, Frontend Development

U-NEXT
Reasonably adding feature for sports category on cross-deviced video and streaming service
Interaction Design, Wireframing, Prototyping, Usability Testing, Visual Design

Liber
Building community for liberal arts through the media website
UI/UX design, Front-end development

SavvyDine
Designing Points of Sales system app for restaurant servers and customers
UI/UX Design, Mobile app design

Takenaka
Strengthen brand presence with experience design for Japanese Food Truck
Branding, UI/UX, Frontend Development

U-NEXT
Reasonably adding feature for sports category on cross-deviced video and streaming service
Interaction Design, Wireframing, Prototyping, Usability Testing, Visual Design

Liber
Building community for liberal arts through the media website
UI/UX design, Front-end development

SavvyDine
Designing Points of Sales system app for restaurant servers and customers
UI/UX Design, Mobile app design

Takenaka
Strengthen brand presence with experience design for Japanese Food Truck
Branding, UI/UX, Frontend Development

U-NEXT
Reasonably adding feature for sports category on cross-deviced video and streaming service
Interaction Design, Wireframing, Prototyping, Usability Testing, Visual Design

Liber
Building community for liberal arts through the media website
UI/UX design, Front-end development

SavvyDine
Designing Points of Sales system app for restaurant servers and customers
UI/UX Design, Mobile app design