Skip to content

We got to transform a UX student's design into a React-based landing page for a gym/fitness club. Made from the design of UX-student Matilda Gorgén.

Notifications You must be signed in to change notification settings

AnnaRobertsson/project-design-handoff-vite

 
 

Repository files navigation

Design Handoff Project

The aim for the week was to collaborate with a UX-design student and create their design with code. This week we also had to make sure the app could be translated into another language. I had the pleasure of collaborating with, and getting the design made by, Matilda Gorgén.

The Problem

We started out with having a meeting and discuss the design. We decided to get in touch when questions arised and also have a follow meeting twn days later. The design was mainly finished when it was handed over but during the week changes have been made to certain sections like hero and footer, distances and so on. Some changes have been discussed but might not show in the design. Some things in the design I have tried to implement but not succeeded with, and some I couldn't do due to time issues. I encountered a lot of problems with the burger menu and it took me so many hours to get it to the way it is. I also had a lot of troubles with how to structure the code so I could translate my "course-cards" that I have mapped. I have successfully built my first image carousel which I enjoyed and also translated the app which was also new.

When encountering problems I have looked at StackOverflow, Google, chatGPT and read the burger menu manual. If I had more time I would try to get more details set in the design that I simply didn't have time to do.

View it live

Please visit: https://project-designhandoff-anna-robertsson.netlify.app/ Link to the Figma-file with the design: https://www.figma.com/file/jMmEFEMhAfXnWs2bFdhfDy/MATILDA-GORGEN-SPRINT-3?type=design&node-id=152-1364&mode=design&t=HpEiNcY9sVSusnPw-0

About

We got to transform a UX student's design into a React-based landing page for a gym/fitness club. Made from the design of UX-student Matilda Gorgén.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 97.2%
  • HTML 1.7%
  • CSS 1.1%