Organic4U:A Responsive Landing-Page

Company: Quicksite guru

Role: UX/UI designer

Tool: Figma

Length: 2 weeks

Team: David,Rayyan,Meilani,May and Veronika

Completion Status: 55% 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

Projects

Design System & Tokens Studio Project 1

Design System Handoff

This project helps developers implement Tailwind CSS designs with clarity and consistency, ensuring a smooth transition from design to code.

Tools: Figma & Tokens Studio

Read More
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
UX Pilot + AI Generation Project 2

Quiz Quest

Designed in UXPilot and developed with AI-generated code, this project showcases a responsive quiz game. It explores efficient design-to-development workflows using modern tools and automation.

Tools: UX Pilot and ChatGPT

Read More
UX Pilot Project 1

Trackle Financial Tracker

A practice project with UX Pilot, focused on designing a clear and consistent financial expense UI.

Tools: Figma & UX Pilot

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
Web Development Project 2

Organic4U:A Responsive Landing-Page

Developed a single-page website for promoting organic food, demonstrating my expertise in Figma, TailwindCSS, JavaScript, and responsive design.

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
UX Research Project 1

Redesigning DLT App Interface

This app aims to enhance people's experience in booking appointments for obtaining a driver's license.

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
Product Design Project 1

Product Design

This project showcases a series of Product Design that highlight my skills in industrial design design and illustration

Tools: Adobe illustrator

Read More