Fresh Observation

Website Redesign Project

Timeframe: 14 days

My Role: UX/UI Designer

Objectives: Redesign Fresh Observation e commerce website using heuristics, user testability, interviews, UI design and UX writing.
Convert users visits to calls and potential customers

.Prototypes

.Current Website

This is the original layout of the website. Through user testability tests I found good insights about the user experience.

Users found that the actual version of the website has too much text, written all in caps lock making the reading experience tiring. There is little consistence in the alignment making it hard to connect the icons and existing test. Users couldn’t at first understand what the stakeholder service is.

Website Responsiveness:

For this project, it was also included the website responsiveness to mobile devices. This is a mockup of the final prototype.

In conclusion this was a very pleasant challenge. The company had already a visual identity but I could apply a whole new UI design for their website. I would like to keep working on the UX writing of this project since I still feel the experience can become more simpler and friendly for newcomers.

Homepage:

After the results from the usability tests. I’ve implemented the feedbacks into the mid fidelity prototypes. Now t the webpage would be composed of a homepage that would welcome the new users with summarized content and call to action buttons and other three sections: Services, about us and contact us.

Services:

In the service tab, you can find more detailed information about the products that Fresh Observation provides. It is also now possible to check the curriculum for the services they are providing. Also with a call to action button at the end of the page to directly book a meeting.

Contacts:

A contact page was also created. Users can now send a direct message to the agency, book a meeting through calendly button or choose other forms that are displayed on the page to reach Fresh Observation.

Final Mockup:

This is the final prototype working. It shows the navigation flow of the pages and micro interactions contained inside fresh observation navigation experience.

.Next steps

.The agency

Fresh Observation is an Innovation agency focused on incubators, accelerators and the startup market. They provide mentoring services for new business and acceleration programs for companies that are already in the operating.