20 דוגמאות של תיק עיצוב באתר

כל טקסט על החברה יהיה לא יותר מאשר קבוצה של ביטויים בנוי היטב, אם לא נתמך על ידי הקטע עם העבודות. תיק - דרכון, כרטיס ביקור, לעבור לעולם של לקוחות רציניים. ואתה צריך להיות מסוגל להבין.

המאמר אסף 20 דוגמאות של דפים "תיק" מחברות שונות, כך שתעריכו עד כמה הן עשויות היטב, והחלתם משהו בעצמכם. או לתקן.

סטודיו לבבד

Link - //www.artlebedev.ru/everything/

תכונות

  1. השם היצירתי של התיק הוא "מעוצב".
  2. מציג את המספר הכולל של עבודות - וזה מרשים. וגדל כמעט כל יום. תראו עכשיו באתר: המספר לא יהיה עוד 3621.
  3. העבודות מתחלקות לא רק בתחומי הפעילות בסטודיו, אלא גם בתחומי עיסוק הלקוחות. בכל הכיוונים יש חלוקה:
  1. אם תלחץ על "כל התגים" כפתור, אתה יכול ללכת לסגור את הסטודיו העלוב שלך במחוז להמשיך לחדור:
  1. העיקרון של ארגון העבודה - אריחים שאתה לגלול למטה במשך זמן רב:
  1. אם תרחף את הסמן על יצירה מסוימת, תוכל לראות את ההיבטים המקושרים של יצירתה:
  1. בפנים:
  • מתאר את המשימה ומסמן את תהליך הפתרון שלה;
  • מציין שהיא נוצרה כחלק מהפתרון של הבעיה:
  • מידע על כל מנהלי הפרויקטים:
  1. בסוף הדף עם העבודות יש פאנל שיתוף ברשתות חברתיות. מסכים - עדיף לשתף את תיק ההשקעות שלך, ולא רק להעתיק / להדביק קישור אליו.

סטודיו לבבד סטודיו היא חברה אגדית. עבודתם על העצמות פורקה, מעריצה ומביזה, במעגלי עיצוב ולא רק. דבר אחד ברור - החבר 'ה כבר מזמן נעלמו רק עיצוב אתרים כדי לשנות את הגרפיקה של כל נושא של העולם החומר. מהי הוכחה - תיק.

אלטק

Link - //altekpro.ru/portfolio/

תכונות

  1. מאפיין מעניין של התיק באתר זה הוא מחרוזת החיפוש:
  1. ביקורות לקוחות ורשימתם כלולים גם בכותרת תיק - קבלת פנים טובה כדי לשפר את הרושם מרשימת העבודות.
  2. העבודות מסווגות כדי להקל על פעילות מסוימת. כפתור "All" מוגדר כברירת מחדל, הוא גם מחזיר רשימה של כל העבודות.
  3. עקרון הארגון:

הרשימה נעשית עם הדפיון - 15 עמודים של עבודה השראה!

  1. בתוך כל עבודה:
  • תמונה גדולה של המקום;
  • התיאור שלה:

החברה ניסתה ועשתה תיק חכם באתר האינטרנט שלה - תיאור מוכשר של העבודה, פרטים, תמונות באיכות גבוהה. הכל עובד כך צעיר מסעדה או בעל בית קפה צריך ללכת לשם ציוד של הקמתו.

חברת הבנייה "Intechstroy"

Link - //almetfasad.ru/portfolio/

תכונות

  1. חלוקה מוזרה של עבודה היא רק קטגוריה אחת של "חזית גימור", לחיצה על אשר אינו משנה את רשימת העבודה - הם אותו דבר כמו בקטגוריה "הכל".
  2. הרשימה היא כדלקמן:
  1. ניתן לראות את רשימת העבודות המלאה על ידי לחיצה על הלחצן "הצג עוד" למטה.
  2. כאשר אתה מעביר את הסמן על כל יצירה, תיאורו מופיע:
  • לחיצה על זכוכית מגדלת תפתח את גלריית התמונות עבור יצירה זו;
  • לחיצה על הקישורים פותחת תיאור עבודה מפורט.
  1. איך זה נראה מבפנים:

כאדם שהשתתף ברכישת בית כפרי, הייתי רוצה לקרוא על כל עבודה, מה וכיצד נעשה - חומרים, כלים, ציר הזמן של הפרויקט. זה לא כאן - מצטער מאוד.

ריהוט המפעל לב סולובייוב

Link - //www.sl-mebel.ru/portfolio/

תכונות

  1. התיק מוצג על ידי סעיפים - כל אחד עם תמונות משלה של עבודות - "ריהוט עבור ברים ומסעדות", "ריהוט פנים פרטיים", "שיקום רהיטים" וכו 'עבודות מחולקים על ידי הדפסת עמודים.
  2. תמונות של כל אחת מהקטגוריות ניתנות להצגה בתצוגת שקופיות ולאחר מכן לחזור לתמונות הממוזערות.
  3. כאשר אתה מעביר את העכבר מעל לתמונה כלשהי, מופיע הסבר קצר המציין שהעבודה על המטא תג של alt לא בוצעה:
  1. יתר על כן, אם תלחץ על העבודה, הכל יהיה בסדר:

בתיק זה, אתה רוצה לראות לא רק גלריה של תמונות טובות עבור כל עבודה, אלא גם כדי לקרוא לפחות תיאור קצר - למשל, מי היה הרעיון להלביש את הספה במעיל - "מעיל עור"?

Atelier "מלתחה"

Link - //www.g-atelier.ru/portfolio

תכונות

  1. הקדשה מסקרנת "דף זה מציג את המוצרים שנוצרו על ידי המאסטרים של ארון הבגדים של Atelier עבור לקוחותינו. כמו פרק בהיסטוריה. החלק השני ניתן לגשת אם אתה לוחץ על "צפה יותר" כפתור תחת כל העבודות.
  2. רשימת העבודות מעוטרת באריחים שפשוט הופכים לתחתית הדף. שום דבר לא חתום.
  3. אם תרחף את הסמן על עבודה מסוימת, יופיע סמל זכוכית מגדלת, אשר תוכל ללחוץ עליו וללכת לדף מתוך גלריות התמונות. הנה הפתעה - כאשר הדפדוף באמצעות תמונות, לא / לא רק תמונות מזווית אחרת יוצגו, אבל עבודות אחרות של האולפן. זה מטעה:

וכאן לא ברור לגמרי מה הם רצו להראות:

  1. קבלת פנים חזקה בסוף רשימת העבודות - קריאה לפעולה עם טופס משוב:

Atelier ובגדים - לא הנושא שלי. בתיק זה, התמונות יפות, אבל המוח הגברי דורש תיאורים וכל עבודה אחת חתומה. ייעוץ חינם בסוף - כדרך להבהיר בעיות לתיק.

החברה "Repablayk"

Link - //republike.ru/portfolio.html

תכונות

  1. רושם חיובי מן העובדה כי כל העבודות חתומות.
  2. העבודות מחולקות לקטגוריות שאינן ממוקמות למעלה, אך מעט מתחת ובצד:
  1. תשומת הלב נמשכת לרצונם של יוצרי האתר להניע מבקרים לרצות את אותה המצגת:
  1. כאשר אתה מרחף על העבודה יש ​​שאלה מסקרנת:
  1. כל עבודה בפנים מורכבת מכמה חלקים:
  • מצגת מצגת:
  • כל היבטי העבודה:
  • תיאור משרה מפורט:

מעניין, החברה יש שירותים אחרים (למשל, שמות, פיתוח אתר אינטרנט, עיצוב פנים), ואת תיק מלא רק עם עבודה על יצירת מצגות. ברור, זה הראשי, אם לשפוט לפי התיק, את הכיוון המוצלח של החברה.

הסוכנות "VelikaPlaza"

קישור - / התקדמות / תיק /

תכונות

  1. באופן כללי, תיק Texterra מורכב מקטעים על לקוחות, סקירות, מקרים, אישורים ועבודה ישירה. הסוכנות מאפיינת את עבודותיה:
  1. מאוד (!) במקור שיחק את מספר העבודות בתיק. קרא:
  1. העבודות מעוטרות בציורים - קטגוריות:
  1. כאשר אתה פותח כל אחד מהם, תיק עבודות מופיע ישירות עם שם הכיוון, תיאור קצר צילומי מסך חתומים. כאשר אתה מרחף על כל קישור עבודה מופיע "עוד":
  1. הדף בקטגוריה "תוכן" בתוך מכיל קישור למסך צילום באיכות גבוהה של המאמר (!) כולו שניתן להרחיב ברשתות החברתיות, וכן ישירות מהדף לעבודה הבאה.
  2. עבודות בקטגוריות אחרות במבנה הייצוג הפנימי נבדלות זו מזו. הנה, למשל, הוא מבט מבפנים של אחת העבודות בקטגוריה "פיתוח אתר":

כאן ניתן לראות את נתוני התפוקה החשובים ביותר: כתובת האתר, מערכת ניהול תוכן, המשימה, העבודה שבוצעה וצילומי מסך של הדפים, כיצד האתר נראה בהתאמות שונות, התכונות מפורטות ומידע על האנשים שהשתתפו בפיתוח מופיע ברשימה.

בקטגוריה "תוכן וידאו" בדוגמאות של עבודות הסרטונים שצולמו מוצגים באופן הגיוני.

כמו כל התיק, כל עבודה מסתיימת בקריאה לפעולה עם מילוי טופס משוב:

אם אתה אוסף את העבודה של Texterra בקובץ אחד, זה יהיה נייר לבן וערכת שיווק באחד. כמו כל מומחה מהעולם של שיווק באינטרנט, אני שואף לקבל את המטען אותו, גם אם זה קשה מאוד.

OST אמנות מפעל לזייף

קישור - //ostmetal.com/portfolio/

תכונות

  1. דף הפורטפוליו הראשי מכיל טקסט קצר המתאר את חברת OST, רשימת עבודות. שים לב - התמונות הן סימן מים:
  1. כאשר אתה מרחף לעבודה יש ​​זכוכית מגדלת. אם תלחץ, ייפתח חלון מודאלי - גלריית תמונות עם תיאור הפרויקט והמיקום הגיאוגרפי של האובייקט
  1. תיק ניתן לשתף ברשתות חברתיות. זוהי אינדיקציה ישירה:

אתה מצפה לעבוד יותר מכל תיק - יש רק 21 - למרות העובדה כי לחברה יש אתר מאז 2001. אולי לא כל העבודה ניתן להציג או את דף הנחיתה נוצר לא כל כך מזמן. בכל מקרה, אני רוצה לאחל OST להגדיל את מספר העבודות. יש להם מילים יפות ממש.

סדנה "פועל"

קישור - //glagol-maket.ru/blog/cases

תכונות

  1. התיק נקרא תיק לקוח לקוח. הפאנל עם המקרים נמצא בחלק העליון של החלון, עבור כל הנתונים הסטטיסטיים שסופקו בתצוגות, השם ותיאור קצר. העבודות מופרדות על ידי עמודים:
  1. תיאור מפורט של היצירה בעת ובעונה אחת הוא רשומה מתוך הקטע "מקרים" של הבלוג של מפתח הפריסה:
  1. עבור כל פרוייקט, הפלט מוגדר:

ודיבר על האמנים:

  1. בכל מקרה, תוכל לראות בפירוט את כל התהליך של יצירת פריסה:
  1. כל המקרים מסתיימים בשיחה כדי לשתף אותו ברשתות חברתיות, להזמין פריסה או לעבור לבלוג של מעצב הפריסה הראשי:

סופר תיק עם תמונות ברמה הראשונה, תיאור מפורט של כל עבודה. ב Penza, את העבודה ניתן לראות לחיות - הדגמים מוצגים מרכזי קניות רבים של העיר. וכן - אלה בני ארצי, גאים בהם. הם עושים את זה כל כך קשה, אבל ...

החברה "Remsk"

Link - //remsk.net/portfolio.html

תכונות

  1. העבודות מחולקות לקטגוריות, חתומות, מחולקות על ידי עמודים ומציגות תיאור קצר:

אם תלחץ על הלחצן "קרא עוד", תפתח גלריית תמונות של יצירה מסוימת:

במחקר של תיק זה, דיסוננס קוגניטיבי עולה - מצד אחד תמונות יפות כאלה, תיאורים קצרים ו "קרא עוד", מצד שני - רק תמונות. על תיקון אני רוצה לדעת הרבה יותר.

הסוכנות "Prazdnikon"

קישור - //www.prazdnikon.ru/foto-i-video

תכונות

  1. התיק מוצג בשלושה חלקים:
  1. תיק החגים של הילדים מתחיל בדוגמה של "שחיטה":
  1. כך ניתן לומר על תיק ארגון יום השנה:
  1. הדפים בחלק זה של התיק מאורגנים כדלקמן:
  • גלריה תמונות:
  • אירוע הקלטה:
  • ערכת עבודה עם הלקוח:
  • ועוד כמה נקודות מכירה:
  • ובסופו של דבר שתי צורות משוב:
  1. מה ניתן לעשות עם כל עבודה מתוך תיק בכלל עם דף? נכון:

העמוד הראשי של התיק נראה חלש בהשוואה לתכנון הסעיפים שלו. אבל יש הכל: מעמד, איכות של תיאור גרפי טקסט, למכור בלוקים. גישה רצינית - לקוחות רציניים.

אולפן הייצור

קישור - //photo-ideal.ru/portfolio/

תכונות

  1. תיק זה מורכב משש קבוצות נושאיות:
  1. כאשר תלחץ על הלחצן ביתר פירוט, נפתחת רשימה של תמונות, שאותן תוכל לראות אם אתה גולל את הדף. אין חיצים רגילים וגלריות תמונות, אבל התמונות חתומות ו watermarked:
  1. לכל עבודה ניתן לפנות לסטודיו על ידי מילוי טופס משוב:

תיק זה, אשר אינו דורש ארוך (אולי קצר מדי) תיאורי טקסט. התמונות מדברות בעד עצמן: צוותים רפואיים בינלאומיים, פריטי בושם יקרים, חומרי פרסום, עיצוב פנים, כמו מדפי מגזיני אופנה.

שירות רכב DUBOKSERVIS

קישור - //dubokservis.ru/nashi-raboty/

תכונות

  1. העבודות בתיק מאורגנות על פי העיקרון "לפני ואחרי" וחתומות בשם מותגי הרכב, מופרדות היצירות על ידי עמודים:
  1. מספר הדגמים ותוצאת העבודה מעוררים בי כבוד לנהג. ללא שם: למעשה ... הכל!

תמציתית מאוד. אתה פשוט נוסע דרך הדפים שלו, להחליק אותו קדימה ואחורה עם המחוון, ולהסתכל על שקעים נורא שריטות שממנו ואז לא נותר עקבות. על רקע הרוב המכריע של תחנות שירות, שיש להם רק טלפון, תיק זה נראה הגון.

חברת ניקיון "מהלב"

Link - //uborkavufe.ru/portfolio.html

תכונות

  1. תיק הולך בין שני מקצה לקצה באתר חוסם:
  • יתרונות תחרותיים של החברה:
  • רשימה של לקוחות:
  1. היצירות חתומות וכוללות תמונות רלוונטיות:
  1. אם אתה מעביר את הסמן, ה"מעגל "שלו יהפוך לתמונה מרובעת:
  1. הנקודה החיובית היא שבצילומים רבים מוצגים עובדים במדים, שבהם שם החברה - "מלב טהור" נקרא היטב.

אני לא מבין למה זה לא היה לעשות גלריה של עבודות על כל אובייקט של ניקוי, להגיד לך מה שטחים ומה ניקו. זה הגיוני מאוד היה להוסיף משקל לתיק. עם זאת, רשימת הלקוחות מדבר בעד עצמו.

קעקוע סטודיו "היי, קפטן!"

קישור - //haycaptaintato.com/portfolio

תכונות

  1. תיק ארוך (מהמילה "מאוד") נטען - הדוגמה היחידה מהאוסף.
  2. כל העבודות חתומות וסלון מים:
  1. לחיצה על כל עבודה פותחת חלון עם תמונה מוגדלת:
  1. אם תהפכו תמונות, זה לא יהיה אותו דבר מזווית אחרת, והשני - עם קעקוע חדש:

מחטים משומשות, דיו עבור קעקועים, זמן עבודה ומחיר - למרבה הצער אין מידע כזה על העבודות. ברור, התמונות כאן לפתור הרבה יותר.

מוצרי קונדיטוריה

Link - //www.coolnws.ru/home_sweet/portfolio/

תכונות

  1. עבודות תיק מחולקים לקטגוריות, אבל אין קטגוריה "הכל". רשימה מלאה של עוגות ניתן להחזיר על ידי לחיצה על הקישור "תיק":
  1. כל העוגה מבפנים נראית כך:
  • כל עוגה, תשומת לב, יש מאמר משלה:
  • חתום תמונה, אשר ניתן להגדיל:
  • העוגה
  • "מוכר" רגעים:
  • עוגות דומות:

התיק היחיד באוסף שאתם רוצים לאכול או לתרום - כולו או בכל עבודה בנפרד. והעובדה שזה יותר מעוטרת כראוי, עושה את זה מודל לחברות עם פעילויות דומות ועוד.

רשת סלוני לייזר להסרת שיער וקוסמטיקה "Girlfriends"

Link - //podruge.ru/portfolio/

תכונות

  1. תיק מחולק לקטגוריות. הראשון מספק לו מעמד ותואר, וצילום:
  1. אם תפתח את הקטע "כוכבים", הכל יתבהר:
  1. פתח את הכרטיס:
  1. סעיף "לפני ואחרי" תיק לא כל כך מושך מבחינה אסתטית, אבל הכרחי עבור חברה כזו. כפי שאתם יכולים לראות, להלן קטגוריות המשנה של העבודה:
  1. אם תפתח קטגוריית משנה, תהיה גלריה של עבודות עבור שירות מסוים:
  1. קטע "וידאו" - קטעי וידאו עם תהליך של הצבעה היופי:

מה אני יכול לומר - תיק כזה יכול להיות גאה. זרימת לקוחות עשירים ומפורסמים לקוחות "חברות" לאחר הערות מחמיא כזה סיפק.

החברה "הבעלים"

Link - //art-doors.ru/portfolyo/

תכונות

  1. העבודות מאורגנות על ידי אריחים, חתומים ויש להם סימן מים:
  1. תחת רשימת העבודות יש טקסט גדול מאוד עבור סוג זה של דפים:
  1. אם תרחף מעל העבודה, תופיע הכתובת "Look", תוכל לפתוח אותה. בפנים - מקרה מלא לפרויקט - הטקסט, אשר חלופי עם תמונות גדולות הגדלת:
  1. הדף של כל עבודה ואת הדף עם התיק הם בסוף הבקשה לחישוב:

נעים לקריאה והצגת התיק - לא רק הצהרות הצהרות על דלתות בלעדיות, אלא גם עבודות רבות עם תיאור מפורט של תהליך הייצור, כולל סיפור על חפצים, חומרים בשימוש ואביזרים.

החברה "העונה האקלימית"

Link - //www.climatseason.ru/portfolio/

תכונות

  1. יש מסנן של יצירות על ידי חפצים ועל ידי סוגים. כל העבודות חתומות, סוג וקטגוריה של ציוד משומש מצוין:
  1. תיאור עבודה מפורט נראה כך:
  1. מידע על כל עבודה כולל:

    • תיאור התפקיד;
    • גלריית תמונות מעוצבת להפליא (אך התמונות אינן חתומות);
    • תיאור הפרויקט;
    • סיפור על יישומה;
    • ציוד בשימוש (שימו לב למחיר וקישור לכרטיס הפריט).

אם אנחנו מדברים על החסרונות, יש גופן קטן למדי גם בדף הפורטפוליו עצמו וגם בכל אחד מהעבודות. אחרת, זה לא תיק רע מאוד בין המתחרים, שרבים מהם אפילו לא צריך פחות או יותר אתרים שפוי.

הסוכנות "בית נדל"ן"

Link - //www.domnedv.ru/page167/portfolio/

תכונות

  1. בתיק יש פריסת בלוג קלאסית - תמונה / כותרת / תאריך פרסום / הודעת טקסט:
  1. אם אתה פותח כל עבודה, זה יהיה גם נראה כמו מאמר רגיל, אם אתה לא קורא:

כאן יש את כל הסימנים של המקרה: המצב הנוכחי, את המשימה, תמונה של האובייקט (מוזר כי הבתים נלקחו בכל מקום, לא פנים דירה) ופתרון.

  1. כל עבודה מהרשימה ותיק בכלל ניתן לשתף ברשתות חברתיות.

תיק העיצוב המוזר והקל ביותר באוסף. ואת אינפורמטיבי ביותר במונחים של רכיב טקסטואלי. Повторюсь - надо читать каждую конкретную работу - там очень интересно.

Не говори, что делаешь. Покажи, что сделал

Перед вами сайт клининговой компании, который я хотел включить в подборку, но не включил по вполне понятной причине:

Судя по футеру, сайт никак не менялся с 2015 года. Тем не менее, он в выдаче поисковых систем, иначе я бы его не смог найти. С точки зрения "Яндекса" все не так уж плохо. אבל עבור אנשים, לקוחות פוטנציאליים, חוסר החברה של עבודה הוא פעמון מטריד תירוץ לעזוב במהירות לחפש מתחרים עם תיק.

אם אתה רוצה את התיק לפחות להסתכל, לזכור כי הוא מאפיין:

  1. להגדיל את מספר העבודות - לא משנה מה הם אומרים, אבל רשימה של 1-2 נקודות מעורר השראה. עם זאת, אם יש מאות מהם, עדיף להראות את הטוב ביותר.
  2. לחלק את העבודה לקטגוריות - ובכך לפשט את החיפוש אחר לקוחות המעוניינים הקרוב ביותר לתחום הפעילות שלהם.
  3. לחתום על עבודה ותמונות - כך אתה מראה מה זה היה ולמי זה נעשה.
  4. תאר כל עבודה בפירוט - רק מציג אותם ברשימה הכללית זה לא מספיק - אתה צריך להגיד, בשביל זה, ליצור דף נפרד עבור כל אחד מהם. לא לקמץ על תמונות - להציג תמונות של האובייקט מזוויות שונות.
  5. להפגין בתיק של לקוחות ידועים, התמונות שלהם ביקורות - זה עובד כדי להגביר את נאמנות הלקוחות ואת מעמד הגדילה.
  6. אם יש דוגמאות רבות בתיק:

    • לעשות עמודים;
    • להסתיר חלק של העבודה מאחורי הכפתור "הצג יותר";
    • לעשות חיפוש תיק.
  1. סיים את תיאור המשימה עם קריאה לפעולה - הצעה ליצור איתך קשר ולקבל את אותה תוצאה מגניב יהיה יותר מתאים.

Scalambur: לעבוד על העבודה שלך. זה כמו ספר תקליטים של סטודנט, שבו אתה עובד קודם, ואז היא עובדת בשבילך.

צפה בסרטון: מדריכים לפוטושופ למתקדמים דוגמאות תיק עבודות עיצוב גרפי מעצבים גרפיים (נוֹבֶמבֶּר 2019).

Loading...

עזוב את ההערה שלך