Interactive Design - Project 1 :Prototype Design

Berlian Johanna / 0360054
Interactive Design/ Bachelor of Design in Creative Media (Hons)
Project 1 : Prototype Design

 Instructions

Task

For our first project, we need to create a special first page for a website that we think looks a bit strange. This first page is what people see when they come to the website for the first time, so it's really important to make it look good. We are going to fix the problems with how the website looks and make sure it's easy for people to use.

Requirements:

1. Content and Structure:
  • Prepare the content for your resume, including personal details, education, work experience, skills, projects, and other relevant sections.
  • Decide on the order and hierarchy of sections based on their importance and relevance.
2. Layout and Visual Design:
  • Design the layout of your digital resume using the chosen prototyping software. Define the placement of different sections and how they will flow together.
  • Apply a consistent visual design using typography, color palette, and appropriate spacing.
3. Sections and Organization:
  • Organize your resume into logical sections, such as "Profile," "Education," "Experience," "Skills," "Projects," and "Contact."
  • Prioritize sections based on their relevance and significance to the position you're targeting
4. Visual Elements:
  • Incorporate relevant images, icons, or placeholders that align with the content and enhance the visual appeal of your digital resume.
5. Prototype Presentation:
  • Update your e-portfolio explaining and showcasing the processes of the task
Evaluation Criteria:
  • Your UI design prototype assignment will be evaluated based on the following criteria:
  • Clarity and effectiveness of the UI design, layout, and visual elements.
  • Appropriateness of the chosen typography, color palette, and imagery.

Task Process :

To begin, I created a frame in Figma with a width of 1330 pixels.

Fig 1.1 Figma with a width of 1330 pixels.

Following that, I placed a blue-colored rectangle on the upper portion of the frame.
After that, I added a circle in the upper left corner, where I plan to put my profile picture. I also added some text with my contact information.

Fig 1.2 Frame and Contact Information

Next, I continued structure the resume using different 2 light and dark blue and purple colour into each sections like Education, Experience, Skills, and Projects.

Fig 1.3 Frame with More Different Sections


Final Design

Fig 1.4 Final Prototype Design (PDF) 

 

Komentar

Posting Komentar

Postingan populer dari blog ini

Information Design - Flip & Exercise : 1 & 2

Gambar
Berlian Johanna / 0360054 Information Design / Bachelore of Design in Creative Media (Hons) Exercises Instructions   Flip W1: Types of infographics & online tools Presentation slides In your group, find out what are the different types of infographic + the kind of information they’re applicable for + an example for each identified type. Flip 1 (Group 4) - Types of infographic oleh Adriena Tan Flip 1 (Group 4) - Types of infographic by Group 4 Individual task Pick one free online infographic tool and re-design one poorly constructed infographic poster.  Record the process into the your blog and present the redesigned infographics with before and after comparison and their personal rating + review of the online tool for: - Difficulty, intuitiveness - Usef
Baca selengkapnya

Intercultular Design

Gambar
Berlian Johanna / 0360054 Intercultural Design / Bachelore of Design in Creative Media (Hons) Instructions My Google drive :  Intercultural Design - Google Drive Project Week 1 Brown and Beige Aesthetic Modern Group Project Presentation oleh Berlian Johanna Fig 1.1 Balinese People PPT In this PPT, I do my own research avout Balinese People and their culture too. I put every updated information and research in there but for in case I write down in the blog. For my PPT Intercultural Research, I have a thought came across me which culture I am gonna do.  I choose Bali since it's not only has unique culture or festivals and rituals ceremony, but also know world event until international.  So in materials I do research to Introduce Indonesia first before focusing ot Bali. Then after introduction I start focusing more to Bali which I make a title Balinese People. Balinese People ahev the
Baca selengkapnya

Information Design - Project 1 & 2

Gambar
Berlian Johanna / 0360054 Information Design / Bachelore of Design in Creative Media (Hons) Project 1 & 2  Instructions Flip W3: Miller's Law Group Presentation.  Flip Topic 3 oleh Adriena Tan Flip 3 (Group 4) - Miller's Law by Group 4 Individual Task Project 1 An infographic poster for ONE recipe selected from Pasta Grannies. Study one video, break down, and chunk the preparation and cooking process into an instructable poster. Try to capture each Grandma’s personality and unique dish identity in your poster as part of the narrative structure. These infographics present complex information quickly and clearly, with symbols charts, and diagrams. With an information graphic, computer scientists, mathematicians, and statisticians develop and communicate concepts using a single symbol to process information.  Your job is to transmit a set of instruc
Baca selengkapnya