Re-designing our Website Homepage
Project scope
Categories
UI design UX design Website developmentSkills
project management django (web framework) design software figma (design software) product description hypertext markup language (html) javascript (programming language) cascading style sheets (css) web pages templatesOur homepage was quickly put together as a landing page for our MVP, but now that our product is released, our site needs a new look. The current implementation lacks any information about our product description, features, and benefits. The end goal of this project will be to develop a new homepage (HTML, CSS, and JavaScript) and work with a graphic designer to determine what graphical assets need to be created for the various sections of the new page.
The project steps are as follows:
- Walk-through of the current implementation, noting down what needs to be included in the new design
- Research into existing homepages from other companies/products for inspiration and for an idea of how different webpages approach dynamic scaling
- Creation of a few quick mockups in Figma or any other design software of your choice
- Meeting with the project manager to talk about your findings and go over the mockups
- Meeting with the graphic designer to go over the assets that need to be created for the webpage
- Creating the webpage in HTMl, CSS, and JavaScript. Note: Django HTML templates, tags, and filters will also be used
- Creating dynamic scaling for smaller screen sizes/mobile views
- Meeting with the project manager and testing the webpage implementation
By the end of the project you will get to see your webpage used in production as the new front page of Noo Speak!
Students will be able to meet with the founder and fullstack developer of Noo Speak at any time throughout the project. If timelines align, there is also the possibility of working directly with a graphic designer for a part of the project.
About the company
Noo Speak is a Canadian company that is making language learning more interesting and applicable to the real world. Noo Speak comprises of both a free language learning tool that delivers you daily, summarized news in over 25 different languages, as well as LanguageMint, an educational tool used with language teachers for creating quizzes based on educational source material.