Organic4U:A Responsive Landing-Page

Role: Frontend developer and UX/UI designer

Tool: Figma,Tailwind CSS and JavaScript

Length: 1 month

Completion Status: 100% complete

Year: 2024

Overview

Design Process

Step 1: Sketch

I started by prioritizing the content first and then analyzing which information was crucial for the landing page then sketched the layout to represent clean and natural vibes and sent it to mentors to review.

About Us

Step 2: Prototype

Next, I created an interactive prototype to visualize and test user interactions before development, ensuring a smooth user experience.

About Us

Step 3: Development

I used Tailwind CSS and JavaScript to develop the website, incorporating feedback from my mentor. After the final review, the website was ready for Quicksite Guru to implement.

 View website
About Us

Project Reflection

Skill Development:

Skilled in Figma for design, Tailwind CSS and JavaScript for web development, organizing and prioritizing website content based on mentor feedback.

Gratitude:

A special thanks to Quicksite Guru for providing the opportunity to explore and express my creativity throughout this project.

Projects

UI/UX Project 1

Redesign: Content feature

Successfully enhanced user experiences by designing intuitive interfaces that simplify complexity and align with user goals.

Tools: Figma

Read More
UI/UX Project 2

App Dashboard Design

Delivered a user-friendly, visually appealing dashboard that improved website data analysis.

Tools: Figma

Read More
Web Development Project 1

Digital Markrting Agency:A Responsive Landing-Page

Created a dynamic, customizable website template for Quicksite Guru, tailored for digital marketing professionals seeking a modern, flexible solution.

Tools: Figma,Tailwind CSS,and JS

Read More
UI Design Project 1

Redesign: The Pot Project website

Redesign UI to enhance user experience by simplifying content and implementing a new design system to meet WCAG standards.

Tools: Figma

Read More
UI Design Project 1

Landing Page for Posies website

Design a responsive landing page for a flower bouquet service, showcasing bouquets and their meanings with an elegant, user-friendly layout.

Tools: Figma

Read More
UX Research Project 1

Nice Night Application

This app aims to enhance people's experiences in pubs and restaurants, making them more enjoyable and safe.

Tools: Figma

Read More
Graphic Design Project 1

Graphic Design: Pet Food Branding

This project showcases a series of social media posters that highlight my skills in graphic design and illustration

Tools: Adobe illustrator

Read More