Google Summer of Code 2023 Final Report - Torβs SnowFlake: Revitalising Snowflake's Landing Page for a Better User Experience
π Repository: Snowflake
The primary goal of this project was to revamp Tor's Snowflake landing page, providing a better user experience for both desktop and mobile users. This involved creating a modern and intuitive website that aligns with Tor's brand guidelines and integrates seamlessly with other Tor web products.
I started working on this project from scratch, and the repository for this new project can be found at tor/web/snowflake.
The project started with creating wireframes, followed by the development of a Figma design by the UX Team. I then transformed this design into code using HTML, CSS, Bootstrap. The resulting code displayed the new responsive Snowflake website.
The website can be viewed at snowflake.staging.torproject.org, and its username is tor-www (please leave the password blank). It has been integrated with Lektor, ensuring a robust and responsive user experience.
- π WireFrames
- π¨ Design obtained from the UI/UX team (Link to Final Figma Design)
- π» Conversion of design into code for a new landing page using HTML, CSS, Bootstrap 5.3.0, integrated with Lektor - View Website
- βͺοΈ Code Sections:
- π Code added for Multilingual support
- π Website integrated with Lektor
- π± Made the website responsive for all devices
- π Integrated Website with Lektor-i18n plugin (used for localization/initialization)
In the current project phase, we've achieved significant milestones, including wireframes, design integration, and coding of a new landing page integrated with lektor. The website can be viewed at snowflake.staging.torproject.org using the username "tor-www" (Leave password blank).
Desktop View
snowflake-demo.mp4
Mobile View
Snowflake_mobile.mp4
- π Finalizing the content to be displayed on the website
- π Adding translation string to the website obtained from the localization team for language other than English
- π Snowflake WebExtension Embed - Design/theme customization and code migration
- Snowflake WebExtension Embed - Design / theme Customization and Code Migration
- Preparing Content for Snowflake Website
During this project, I faced challenges with legacy technology like Lektor CMS. Open-source collaboration taught me communication skills. I learned problem-solving, CMS expertise, and the importance of continuous learning, enhancing my overall skills.
I want to sincerely thank my mentor for support and guidance throughout this entire journey, as well as to The Tor Project for providing me with this remarkable GSoC experience. Thank you!
Student | Ashish Soni |
---|---|
Organization | The Tor Project |
Project | https://summerofcode.withgoogle.com/programs/2023/projects/zQRvTgia |
GitHub | @ashishsoniii |
ashishsoniii | |
ashishsoni2002@gmail.com | |
Portfolio | ashish.studio |
Project Github Repository | Snowflake |