watchforme
Building a website which assists eBay users to find the best deals.
project overview
WatchForMe is a website that assists users in finding the best eBay deals. It offers a simplified yet efficient eCommerce process for eBay users by monitoring all deals and generating a customized list of best-fit deals using sophisticated filter options.
ROLE
UI Designer / Developer
TEAM
1 Founder / Back-end Developer
1 UI Designer / Front-end Developer
TOOLS
Figma, GitHub, HTML & CSS, JS, Bootstrap, Tailwind CSS
TIMELINE
January 23 - August 24
OUTCOME
WatchForMe Website
how might we ...
"streamline and optimize the deal-finding process for eBay users, enabling them to quickly discover and secure the best-matching deals with minimal effort?"?
eBay users often struggle with finding the best deals efficiently due to the overwhelming number of listings, inconsistent pricing, and lack of a streamlined deal-tracking process. Many users spend excessive time manually searching for products, comparing prices, and monitoring listings for price drops or better offers.
brand identity creation
When I joined the project, some initial back-end features had been developed, but the UI design was still in its early stages. I began by gathering insights from the founder on his vision for the brand identity and theme. Based on this, I proposed a style guide and initial design concepts.
01 CREATING A STYLE GUIDE
- ▶︎ Iterated through several designs for logo, brand colors, and typography
02 DEVELOPED A DESIGN SYSTEM
- ▶︎ Developed a design system and utilized the components for the mockups and prototype
ui design & development iterations
After defining the design requirements, I completed three design iterations, refining both the design and implementation phases using a sequential waterfall approach. Each iteration was followed by brief, informal usability testing with a small number of eBay users and potential users.
01 INITIAL DESIGN CONCEPTS
- ▶︎ Underwent three iterations covering both design and implementation
- ▶︎ Second design concept emphasized functionality, professionalism, and minimalism
- ▶︎ Gathered informal usability insights from 4 participants: users found it "simple & easy to use," one noted a "hackery vibe," and two suggested a lighter background
02 FINALIZED DESIGN & BRAND REVAMP
- ▶︎ Final design concept focused on a modern, clean, professional, intuitive, and functional approach
- ▶︎ Decided to incorporate different brightness modes in the final design concept based on user feedback
- ▶︎ Revamped the style guide and design system, and updated mockups accordingly
03 LIGHT/DARK MODE INTEGRATION
- ▶︎ Revisited the design decision process to define a cohesive dark mode color palette
- ▶︎ Extended the developed design system to include dark mode elements
- ▶︎ Applied the dark mode palette to create mockups and implemented it in web development
04 RESPONSIVE UI DESIGN
- ▶︎ Focused on achieving visually pleasing responsiveness for mobile screens
- ▶︎ Ensured a consistent user experience across devices by aligning components closely with the web version
- ▶︎ Implemented mobile-specific design elements simultaneously with the web version
product marketing
Our team has decided to participate in a convention in New Jersey in July 2024 to engage and attract new users. In regular meetings, we discussed the convention table setup, advertising visuals, and key information to include.
01 GRAPHICS FOR MARKETING
- ▶︎ Focused on visually highlighting features in a concise and appealing manner
- ▶︎ Created a banner stand, three posters, and a pamphlet to concisely highlight WFM’s key features
02 CONVENTION PARTICIPATION
- ▶︎ Traveled to New Jersey to participate in the convention and assisted with setup
- ▶︎ Helped assemble the booth and organize materials
- ▶︎ Actively engaged attendees to promote the app and encourage interaction
offboarding
WORKING AS A SOLO DESIGNER
Working as the only designer on a project has been a valuable learning experience for me. I encountered various challenges in independent work, particularly in making design decisions. However, I turned these challenges into opportunities to deepen my understanding by actively researching design trends and refining my ability to articulate design choices. This experience has underscored the importance of design thinking and the essential role of UX design methodologies.
achievements
- ▶︎ Developed brand identity through design thinking and decision-making
- ▶︎ Created 1 design system for the project
- ▶︎ Designed and implemented web UI mockups across 3 iterations
- ▶︎ Designed various graphics for advertisement (banner, posters, pamphlets)
- ▶︎ Participated in a convention, engaging with attendees and promoting the project
