Reverse Auction Prototype Edit profile.

Reverse Auction / prototype

Role: User Interface Design and Front-end Developer
Tools: Inkscape, Ruby on Rails, JavaScript + Coffee Script + SASS

Reverse Auction Prototype Index, landing page.
Reverse auction dashboard

Problem

This web app was a whole new prototype for one of our customers at Global Resources. The customer’s domain was “Real estate”, and they wanted a new way to locate and promote sales.

Solution

We created this prototype based on the customer’s requirements (User Stories) providing deliverables every sprint. We used Scrum, and the development team was a front-end developer (me), a back-end developer, and a system administrator.

Challenges

Requirements changed quickly, priorities shifted, we didn’t have a way to test the application with real users, and the CEO was providing solutions instead of formulating the problem.

My Contribution

My main contribution was making the interfaces easy to understand and easy to use (Inkscape + Code). Focusing on form validation, responsiveness, and quality of the product. Documented all the way while designing and coding, which helped me go back and re-use some of this work in future projects.

Reverse Auction Prototype Sig in
Signin form, there were two options: with email or social networks.
Reverse Auction Prototype Sig in Email password invalid
The interaction was really simple and the messages were clear.
Reverse Auction Prototype Edit profile.
Interface used to edit the user’s profile. User were able to edit their picture and personal information.
Reverse Auction Prototype Change password.
This option allowed the users to reset their password.
Reverse Auction Prototype Customer's view
Users could use the left sidebar to navigate the web application and have a role. This is the administrator’s view.
Reverse Auction Prototype Quick finder demo.
The main feature of the platform allow users to search using filters and keywords.
Reverse Auction Prototype Seller registration.
The main stakeholder wanted to have a lot of information and most of it was not optional.
Reverse Auction Prototype Agent registration
This is the registration interface for an agent.
Reverse Auction Prototype Builder Registration.
This is the registration form for a builder.
Reverse Auction Prototype Seller Registration
This is the registration form of a seller.
Reverse Auction Prototype Buyer Registration
This is the registration form of a buyer.
Reverse Auction Prototype Support Form
Screenshot of the support form.
Reverse Auction Prototype Contact Us.
The design aimed to be clear and easy to understand with a main search on the top, and simple navigation on top including breadcrumbs. The web application was responsive, and we checked using different browsers and operating systems.
Reverse Auction Prototype FAQs
Frequently asked questions.
Reverse Auction Prototype Career
We also have informative pages, so not all are required to sign into the site.

What we learn

  • The project, though not launched, was a significant learning experience for our team. Despite the considerable effort and time we invested, the decision was made not to proceed with the service. While this outcome was initially disappointing, it provided us with valuable insights and learnings.
  • One key takeaway was the importance of involving real users in the development process. While our CEO preferred a top-down approach, focusing primarily on a single stakeholder’s business vision, we recognized the need for user engagement to create more targeted and effective solutions. This experience underscored the critical role of user feedback in shaping a successful product.
  • On a positive note, this project was our first foray into using Ruby on Rails, and it quickly became a favorite framework among our team members. The skills and knowledge we gained in this area were not in vain. We were able to leverage our newfound expertise in Ruby on Rails to expedite development in other projects, benefiting a broader range of domains and customers.
  • In essence, while the project did not culminate in a launch, it served as an important stepping stone in our journey. It sharpened our focus on user-centric design and broadened our technical capabilities, both of which are invaluable assets in our ongoing work and future endeavors.

Related Posts