Simplify the layout of each product to create a cleaner and more intuitive user experience. Rebuild a site that allows sellers to get traction on products they sell through Amazon, by offering deals to buyers on the Blue Ribbons Review site, who are in turn encouraged to leave reviews on the products being sold.
This is a code first project using MVC 5 ASP.Net. Rather than completely refactoring the old code base, we built the site up from scratch.
I worked as a Full-Stack Engineer working on the back-end during the first week, and mostly the front-end with some back-end during the second week.
During the first week, I was the only developer on the project. I began by building out the data models and scaffolding the views and controllers. Then I setup entity framework to use a SQL Server database. After hitting some roadblocks with configuring the connection string in the webconfig file and fleshing out the database sets in the database context, I was able to resolve the issues and move forward, creating sample entries in the database to test that the models were interacting with one another as expected as well as to allow for further styling of the interface.
In the second week, others joined the team and while they got more familiar with the database, how it was structured, and updating tables as the requirements changed, I moved on to the UI using Bootstrap, HTML and CSS.
First, was consolidating the About, FAQ and Contact information into a single page. Next, I updated the navbar to correctly correspond to the new user interface and simplify the user experience inline with the client’s expectations.
Second, was cleaning up the views, removing unnecessary portions of the scaffolding and removing fields from the view that didn’t need to be populated or edited by the user. Finally, I built out modals for the details page so that when a user clicks on a product, a modal will pop up providing more detail. I also removed the table in the main product view to display panels with snippets and images for the user to click on.
Below are screenshots of my work. The project continued after my two weeks was up and I’m excited to see what the team ends up with.
- SQL Server
- Entity Framework
- Team Foundation Server