Website and webshop development
The
project
"Conception, design and development of a webshop and website for a start-up company in the food tech sector"
The aim of this project was to develop a new website for the food tech start-up Happy Ocean Foods which presents the brand and their mission, and at the same time has all the functions of a B2C webshop in order to enter the direct B2C market.
The central questions addressed in this context were what factors contribute to a positive user experience as well as to establishing the company as a trustworthy and sustainable brand in the eyes of the customer, and thus lead to a successful webshop.
Status
Quo
In order to reflect on these questions, the status quo had to be defined and reviewed. For this purpose, the existing website was analysed in depth while also discussing the current status in detail with the founders in order to clarify the specific goals and requirements of the project.
A new
sitemap
While redesigning the website, the sites’ structure was thought through again. The previous top navigation was not clearly structured and too long titles were used. In order to achieve a clearer navigation and therefore a better user experience, the main topics were reduced.
Together with the wireframes, this served as a
foundation for entirely revising the website’s structure and design.
Set of
Wireframing
Figma
Prototyping
To test concepts before creating the final website, and identify weaknesses beforehand I created prototypes within figma. In the first A/B testing, the existing CD was critically examined and redefined. As the results must be treated confidentially, they will not be discussed in detail here. However, it can be said that the results were quite significant and formed the foundation for redefining the prior look and feel.
In addition, important conclusions could be drawn – especially in the second prototype test – regarding the structure, content and general user experience for the new website.
The
Result
After defining the basic structure and look and feel, the actual website creation could take place. In a detailed analysis of possible tools for implementation, the decision was made in advance in favour of Shopify as an all-in-one solution for both the webshop and the website. Here all pages were set up, designed within Shopifys themes, supplemented with liquid code and further customised with the use of the code editor.
Curious to see the whole website in action? Have a look here: www.happyoceanfoods.com.
Disclaimer: Website has been updated after handing it over.
