Code Monkey home page Code Monkey logo

fedassigment1's Introduction

FEDAssigment1

This is my FED assignment 1 project.

I am in the process of designing a website for a fictional brand known as 'The Ronans,' specializing in bags. The aesthetic I aim to evoke is a blend of classiness with an edgy undertone. To achieve this, the images featured on the website exclusively showcase black leather bags, as I believe this palette perfectly encapsulates the essence of 'The Ronans.

Design Proess

As I was crafting the design for this website, my primary focus was to ensure a seamless and enjoyable experience for my users, coupled with an appealing visual aesthetic. To achieve this, I drew inspiration from established bag brands such as Good Totes and Paper Bunny, meticulously studying the features that resonated with me as a user. By distilling the essence of their websites, I aimed to incorporate functionalities that not only enhance user interaction but also elevate the overall aesthetic of 'The Ronans.'

I identified specific elements from these renowned brands, listing them as goals and inspiration for my own website. The intention is to create a website that not only meets but exceeds user expectations. My ultimate goal is to captivate first-time visitors to 'The Ronans' website, instilling an immediate fondness for its aesthetic appeal. Simultaneously, I aspire to foster trust by presenting a professionally designed platform that reflects the quality of The Ronans brand. Through this approach, I aim to establish a positive and lasting impression, ensuring that users not only appreciate the products but also feel a strong sense of confidence in their online interaction with The Ronans.

Provided below are the links to the research conducted prior to the development phase of my website. The accompanying wireframe serves as a visual representation, bringing to life the vision I have in mind:

Paper Bunny: Paper Bunny

Good Totes: Good Totes

Wireframe Sharing Link: wei ying's wireframe

Wireframe PDF: [wei ying's wireframe][embed]C:/Users/weiyi/Downloads/Module_S10258645_Lee_Wei_Ying_Assg1_wiref.pdf[/embed] [embed]http://example.com/file.pdf[/embed]

Features

Main Page Features

  1. I have a promotional bar that will bring users to the main page where all the different collections of bags are at
  2. when the user click on the logo, it will bring them back to the main page
  3. I have quick links on my navigation bar that allows easy navigation for users. Specifically for Shop I've got a drop down menu
  4. whenever users hover over my quick links the quick link will be underlined, this will allow the user to clearly know his choice of quick link
  5. I have a search button on my navigation bar, when the user click on it, the search bar come up and in the search bar there is a mini search button that allows users to submit their search requests to the system
  6. I have a profile icon beside the search bar that navigates users to the profile page

Profile Page features

  1. the navigation bar, promotion bar and icons work the same here 2.The email and password fields each demand input of their respective types, facilitating a built-in validation check for enhanced security

Credits

Slideshow picture 1: Photo by Trình Minh Thư

Slideshow picture 2: Photo by Trình Minh Thư

Slideshow picture 3: Photo by Trình Minh Thư

Product picture 1:Black Shoulder Bag

Product picture 2:Black Snake Skin Baguette Bag

Product picture 3:Black Ruffle Bag

fedassigment1's People

Contributors

emery97 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.